.main-logo{margin:clamp(4px,4px + 12 * (100vw - 1200px)/480,16px) 0;width:clamp(140px,40vw,320px)}.main-logo img{filter:none}.nav-container{align-items:center;display:flex;justify-content:flex-start;min-height:clamp(48px,48px + 16 * (100vw - 1200px)/480,64px);position:relative;z-index:10}.nav-container .nav-drawer{background:var(--color-white);box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100%;max-width:75vw;padding:2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1000}.nav-container .nav-drawer.active{transform:translateX(0)}.nav-container .nav-overlay{background:var(--color-overlay);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:999}.nav-container .nav-overlay.active{opacity:1;pointer-events:auto}.nav-container .nav-close,.nav-container .nav-toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;width:44px}.nav-container .nav-close,.nav-container .nav-close:hover,.nav-container .nav-toggle,.nav-container .nav-toggle:hover{background:none;box-shadow:none;color:var(--color-neutral-900)}.nav-container .nav-close svg path,.nav-container .nav-toggle svg path{transition:d .35s ease,opacity .35s ease}.nav-container .nav-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}.nav-container .nav-toggle:hover .nav-toggle__top{d:path("M 26 3 L 8 12.5")}.nav-container .nav-toggle:hover .nav-toggle__mid{opacity:0}.nav-container .nav-toggle:hover .nav-toggle__bot{d:path("M 26 22 L 8 12.5")}.nav-container .nav-close:hover .nav-close__top{d:path("M 9 4 L 17 12")}.nav-container .nav-close:hover .nav-close__bot{d:path("M 9 20 L 17 12")}.nav-container .nav-drawer ul{list-style:none;padding:0}.nav-container .nav-drawer ul li{margin:1rem 0}.nav-container .nav-drawer ul a{font-size:clamp(18px,18px + 6 * (100vw - 1200px)/480,24px);text-decoration:none}.nav-container .nav-drawer ul a.nav-selected{text-decoration:underline;text-decoration-color:var(--color-green)}.nav-container .nav-drawer ul ul li a{color:var(--color-green)}.nav-container .nav-drawer ul ul li a.nav-selected{text-decoration-color:var(--color-primary)}.nav-container .nav-drawer ul ul li a:hover{color:var(--color-brown)}


.hero-image-wrapper{margin-bottom:clamp(32px,32px + 16 * (100vw - 1200px)/480,48px);position:relative}.hero-image-wrapper>.image{-o-object-fit:cover;object-fit:cover;width:100vw}.hero-image-wrapper .hero-image-text{backdrop-filter:blur(32px);background-color:var(--color-light-overlay);border-radius:var(--border-radius);bottom:20%;color:var(--color-white);left:50%;padding:clamp(20px,20px + 20 * (100vw - 1200px)/480,40px) clamp(30px,30px + 30 * (100vw - 1200px)/480,60px);position:absolute;text-align:center;transform:translate(-50%)}@media screen and (max-width:768px){.hero-image-wrapper .hero-image-text{bottom:0;left:0;margin-top:-1rem;position:relative;transform:none}}


.project-card{background:var(--color-bg-surface,#fff);border:2px solid var(--card-border,#e4e4e4);border-radius:var(--radius-lg,20px);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}@media (prefers-reduced-motion:reduce){.project-card{transition:none}}.project-card:hover{box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.12));transform:translateY(-2px)}.project-card__image{aspect-ratio:390/225;background:var(--color-bg-subtle,#f4f4f3);border-bottom:8px solid var(--filter-pill-active-bg,#d6e290);overflow:hidden;width:100%}.project-card__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.project-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-2,.5rem);padding:var(--space-4,1rem) var(--space-5,1.25rem)}.project-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem)}.project-card__badge{border-radius:var(--radius-md);font-size:14px;font-weight:var(--font-weight-semibold,600);padding:2px 10px;white-space:nowrap}.project-card__badge--success{background:var(--filter-pill-active-bg,#d6e290);color:var(--filter-pill-active-text,#6e8244)}.project-card__badge--category,.project-card__badge--neutral,.project-card__badge--warning{background:var(--color-bg-muted,#e4e4e4);color:var(--filter-pill-text,#666)}.ccm-page .project-card__title{margin:14px 0}.project-card__title{color:var(--color-text-primary,#1a1a1a);font-size:1.125rem;font-weight:var(--font-weight-semibold,600);line-height:1.3}.project-card--archived .project-card__title,.project-card--completed .project-card__title{color:var(--color-text-secondary,#555)}.project-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary,#666);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden}.project-card__meta{align-items:center;display:flex;gap:var(--space-4,1rem);margin-top:auto}.project-card__description+.project-card__meta{border-top:1px solid var(--card-border,#e4e4e4);padding-top:var(--space-3,.75rem)}.project-card__meta-item{align-items:center;color:var(--color-text-secondary,#666);display:flex;font-size:.8125rem;gap:.375rem}.project-card__meta-icon{color:var(--color-text-tertiary,#999);flex-shrink:0}.project-card__meta-item strong{color:var(--color-text-primary,#333);font-weight:var(--font-weight-semibold,600)}.project-card__age{color:var(--color-text-tertiary,#999);font-size:.75rem;margin-left:auto}.project-card__footer{align-items:center;border-top:1px solid var(--card-border,#e4e4e4);display:flex;justify-content:space-between;padding-top:var(--space-3,.75rem)}.project-card__initiator{align-items:center;display:flex;gap:var(--space-3,.75rem)}@media (width <= 480px){.project-card__initiator{display:none}}.project-card__avatar{align-items:center;background:var(--color-brand-primary-100,#ecf3d1);border:2px solid var(--color-brand-primary-300,#ccde80);border-radius:50%;color:var(--color-brand-primary-800,#5e6b25);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:46px;justify-content:center;width:46px}.project-card__avatar--muted{background:var(--color-bg-muted,#f0f0f0);border-color:var(--card-border,#e4e4e4);color:var(--color-text-tertiary,#888)}.project-card__avatar-img{border:2px solid var(--color-brand-primary-300,#ccde80);border-radius:50%;flex-shrink:0;height:46px;-o-object-fit:cover;object-fit:cover;width:46px}.project-card__initiator-info{display:flex;flex-direction:column;min-width:0}.project-card__initiator-name{color:var(--color-text-primary,#333);font-size:.8125rem;font-weight:var(--font-weight-medium,500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__initiator-role{color:var(--color-text-tertiary,#999);font-size:.6875rem}.ccm-page .project-card .project-card__btn{position:static}.ccm-page .project-card .project-card__btn:after{content:"";inset:0;position:absolute;z-index:1}.project-card--archived .project-card__image,.project-card--completed .project-card__image{border-bottom-color:var(--card-border,#e4e4e4)}.project-card--archived .project-card__description,.project-card--archived .project-card__meta-item,.project-card--completed .project-card__description,.project-card--completed .project-card__meta-item,.project-card__status-label{color:var(--color-text-tertiary,#888)}.project-card__status-label{font-size:.8125rem;font-weight:600}.innovation-teaser{padding-bottom:clamp(32px,32px + 32 * (100vw - 1200px)/480,64px);padding-top:clamp(32px,32px + 32 * (100vw - 1200px)/480,64px)}.innovation-teaser__header{margin-bottom:var(--space-4)}.innovation-teaser__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}@media (width <= 1024px){.innovation-teaser__grid{grid-template-columns:repeat(2,1fr)}}@media (width <= 768px){.innovation-teaser__grid{grid-template-columns:1fr}}@media (width <= 1024px){.innovation-teaser__grid>:nth-child(n+3){display:none}}.innovation-teaser__loading{display:flex;grid-column:1/-1;justify-content:center;padding:var(--space-8)}.innovation-teaser__footer{margin-top:var(--space-6)}


.info-panel{align-items:center;box-sizing:border-box;display:grid;gap:clamp(24px,24px + 24 * (100vw - 1200px)/480,48px);grid-template-columns:1fr 1fr;margin:clamp(32px,32px + 32 * (100vw - 1200px)/480,64px) auto;max-width:var(--header-content-max-width,1200px);padding:0 var(--space-4);width:100%}@media (max-width:768px){.info-panel{grid-template-columns:1fr}}.info-panel__image{border-radius:var(--radius-lg,20px);overflow:hidden}.info-panel__image img{aspect-ratio:594/511;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.info-panel__content{word-wrap:break-word;max-width:100%;min-width:0;overflow-wrap:break-word}.info-panel__content h2,.info-panel__content h3{margin-bottom:clamp(12px,12px + 8 * (100vw - 1200px)/480,20px);margin-top:0}.info-panel__content p{line-height:1.6;margin-bottom:clamp(12px,12px + 4 * (100vw - 1200px)/480,16px)}


.update-teaser{padding-bottom:clamp(32px,32px + 32 * (100vw - 1200px)/480,64px);padding-top:clamp(32px,32px + 32 * (100vw - 1200px)/480,64px)}.update-teaser__header{margin-bottom:var(--space-4)}.update-teaser__divider{border:none;border-top:1px solid var(--color-border-default,#d8d8d8);margin:0}.update-teaser__list{min-height:50px}.update-teaser__loading{display:flex;justify-content:center;padding:var(--space-8)}.update-teaser__entry{padding:var(--space-4) 0}.update-teaser__meta{color:var(--color-text-tertiary,#999);font-size:13px;margin-bottom:var(--space-2)}.update-teaser__content{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.update-teaser__text{flex:1;min-width:0}.update-teaser__entry-title{font-weight:var(--font-weight-bold,700);margin:0 0 var(--space-2)}.update-teaser__preview{color:var(--color-text-secondary,#666);margin:0}.update-teaser__link{align-self:center;flex-shrink:0}@media (width <= 768px){.update-teaser__content{flex-direction:column}.update-teaser__link{align-self:flex-start}}