*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scroll-snap-type:y proximity;overflow-y:scroll}body{font-family:Fira Sans,system-ui,-apple-system,sans-serif;color:#2d2d2d;background:#0a0a0a;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}.sidenav{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px}.sidenav__dot{position:relative;width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;cursor:pointer;padding:0;transition:background .3s,border-color .3s,transform .3s}.sidenav__dot:hover{border-color:#fffc;transform:scale(1.3)}.sidenav__dot--active{background:#fff;border-color:#fff;transform:scale(1.3)}.sidenav__tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#000000d9;color:#fff;font-size:.7rem;letter-spacing:.05em;padding:.35rem .65rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.sidenav__dot:hover .sidenav__tooltip{opacity:1}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;background:#0a0a0a;color:#fff;position:relative;scroll-snap-align:start}.hero__content{max-width:800px}.hero__label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#fff6;margin-bottom:2rem}.hero__title{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.hero__subtitle{font-size:1.25rem;color:#ffffff80;margin-bottom:2rem;font-weight:300}.hero__intro{max-width:500px;margin:0 auto;color:#fff6;font-size:1rem;line-height:1.8}.hero__scroll-hint{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero__scroll-hint span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}.variant-divider{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;scroll-snap-align:start}.variant-divider__inner{max-width:600px;padding:2rem}.variant-divider__label{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;opacity:.5;margin-bottom:1.5rem}.variant-divider__title{font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}.variant-divider__desc{font-size:1.1rem;opacity:.7;line-height:1.8}.color-spiral{height:100vh;width:100%;scroll-snap-align:start}.color-spiral__grid{width:100%;height:100%;display:grid;grid-template-columns:61.8% 23.6% 14.6%;grid-template-rows:61.8% 38.2%}.color-spiral__block{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.color-spiral__name{font-size:clamp(.65rem,1.2vw,.85rem);font-weight:600;letter-spacing:.15em;text-transform:uppercase;opacity:.8}.color-spiral__hex{font-size:clamp(1.2rem,3vw,2.5rem);font-weight:700;font-family:monospace;margin-top:.5rem}.color-spiral__desc{font-size:clamp(.65rem,1vw,.85rem);opacity:.6;margin-top:.75rem;max-width:280px;text-align:center;line-height:1.5}.color-spiral__primary{grid-column:1;grid-row:1 / -1}.color-spiral__accent{grid-column:2 / -1;grid-row:1}.color-spiral__bg{grid-column:2;grid-row:2}.color-spiral__text{grid-column:3;grid-row:2}.typo-section{min-height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:6rem 4rem}.typo-section__content{display:grid;grid-template-columns:1fr 280px;gap:0;max-width:1100px;width:100%;position:relative}.typo-section__text{padding-right:4rem}.typo-section__heading{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:2rem}.typo-section__body{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.9;opacity:.75;margin-bottom:2rem}.typo-section__weight-samples{display:flex;flex-direction:column;gap:.5rem;font-size:1.1rem;opacity:.6}.typo-section__weight-samples span{display:block}.typo-section__annotations{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding-top:.5rem}.typo-annotation{display:flex;align-items:flex-start;gap:1rem}.typo-annotation--heading,.typo-annotation--body{margin-bottom:auto}.typo-annotation--weights{margin-top:0}.typo-annotation__line{width:48px;height:1px;background:currentColor;opacity:.2;margin-top:.55em;flex-shrink:0}.typo-annotation__info{display:flex;flex-direction:column;gap:.2rem}.typo-annotation__role{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.4}.typo-annotation__family{font-size:.85rem;opacity:.7;font-weight:500}@media(max-width:768px){.typo-section{padding:4rem 2rem}.typo-section__content{grid-template-columns:1fr}.typo-section__text{padding-right:0;margin-bottom:3rem}.typo-section__annotations{flex-direction:row;gap:2rem;flex-wrap:wrap}.typo-annotation__line{display:none}}.logo-split{height:100vh;display:flex;scroll-snap-align:start}.logo-split__half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.logo-split__label{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:3rem;opacity:.6}.logo-split__section-label{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-bottom:.5rem}.logo-split__section-sublabel{font-size:.7rem;letter-spacing:.03em;opacity:.35;margin-bottom:1.5rem;max-width:360px;text-align:center;line-height:1.6}.logo-split__divider{width:120px;height:1px;opacity:.2;margin:clamp(1.5rem,3vh,2.5rem) 0}.logo-split__half--dark{color:#fff}.logo-split__half--dark .logo-split__divider{background:#fff}.logo-split__half--light{color:#111}.logo-split__half--light .logo-split__divider{background:#111}.logo-split__full{display:flex;align-items:center;justify-content:center}.logo-split__full img{height:calc(clamp(60px,8vh,100px) * var(--logo-full-scale, 1));width:auto}.logo-split__sizes{display:flex;align-items:center;justify-content:center;gap:clamp(2rem,4vw,4rem)}.logo-split__size{display:flex;align-items:center;justify-content:center}.logo-split__size--lg img{height:calc(clamp(100px,15vh,180px) * var(--logo-scale, 1));width:auto}.logo-split__size--md img{height:calc(clamp(60px,9vh,110px) * var(--logo-scale, 1));width:auto}.logo-split__size--sm img{height:calc(clamp(30px,5vh,55px) * var(--logo-scale, 1));width:auto}@media(max-width:768px){.logo-split{flex-direction:column;height:auto;min-height:100vh}.logo-split__half{min-height:50vh}.logo-split__sizes{flex-direction:column;align-items:center;gap:1.5rem}}.mockup-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a;scroll-snap-align:start;overflow:hidden}.mockup-section__fullbleed{width:100%;height:100vh;object-fit:contain;display:block}.mockup-section__empty{color:#ffffff4d;font-style:italic;font-size:1.1rem;text-align:center}.summary-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff;scroll-snap-align:start;padding:4rem}.summary-section__split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);max-width:1200px;width:100%;align-items:center}.summary-section__logos{display:flex;flex-direction:column;gap:3rem;align-items:center}.summary-section__logo{display:flex;flex-direction:column;align-items:center;gap:1rem}.summary-section__logo img{height:calc(clamp(60px,8vh,100px) * var(--logo-full-scale, 1));width:auto}.summary-section__logo-name{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff59}.summary-section__content{padding:2rem 0}.summary-section__label{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#fff6;margin-bottom:2rem}.summary-section__text{font-size:1.25rem;line-height:1.9;color:#ffffffb3}@media(max-width:768px){.summary-section{padding:4rem 2rem}.summary-section__split{grid-template-columns:1fr;text-align:center}.summary-section__logos{margin-bottom:2rem}}.gallery-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#ebe6e1;scroll-snap-align:start;padding:0;position:relative;transition:background .5s ease}.gallery-section--dark{background:#141414}.gallery-section--dark .gallery-section__title{color:#ffffffd9}.gallery-section--dark .gallery-section__desc{color:#ffffff80}.gallery-section--dark .gallery-section__item{border-color:#ffffff14}.gallery-section__toggle{position:absolute;top:5rem;right:4rem;z-index:10;display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.15);border-radius:100px;background:#fff9;backdrop-filter:blur(8px);cursor:pointer;transition:all .4s ease}.gallery-section__toggle:hover{background:#ffffffe6}.gallery-section--dark .gallery-section__toggle{border-color:#ffffff26;background:#ffffff14}.gallery-section--dark .gallery-section__toggle:hover{background:#ffffff26}.gallery-section__toggle-icon{width:18px;height:18px;border-radius:50%;background:#141414;border:2px solid #141414;transition:all .4s ease}.gallery-section--dark .gallery-section__toggle-icon{background:transparent;border-color:#fff}.gallery-section__toggle-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#333;transition:color .4s ease}.gallery-section--dark .gallery-section__toggle-label{color:#ffffffb3}.gallery-section__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;width:100%;flex:1}.gallery-section__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.gallery-section__item:nth-child(3n){border-right:none}.gallery-section__item:nth-child(n+4){border-bottom:none}.gallery-section__image{display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.gallery-section__image img{height:calc(clamp(60px,12vh,120px) * var(--gallery-scale, 1));width:auto}.gallery-section__title{font-size:.8rem;font-weight:600;color:#222;margin-bottom:.4rem}.gallery-section__desc{font-size:.75rem;line-height:1.5;color:#666;max-width:250px}@media(max-width:768px){.gallery-section__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.gallery-section__item:nth-child(3n){border-right:1px solid rgba(0,0,0,.08)}.gallery-section__item:nth-child(2n){border-right:none}}.fade-up{opacity:0;transform:translateY(30px);animation:fadeUp .9s ease-out forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal.is-visible{opacity:1;transform:translateY(0)}.stagger-children .reveal{transition-delay:calc(var(--stagger-index, 0) * .12s)}@media(prefers-reduced-motion:reduce){.fade-up,.reveal{opacity:1;transform:none;animation:none;transition:none}html{scroll-snap-type:none}}@media(max-width:768px){.color-spiral{height:auto;min-height:100vh}.color-spiral__grid{grid-template-columns:1fr;grid-template-rows:5fr 3fr 1fr 1fr}.color-spiral__primary{grid-row:1;grid-column:1}.color-spiral__accent{grid-row:2;grid-column:1}.color-spiral__bg{grid-row:3;grid-column:1}.color-spiral__text{grid-row:4;grid-column:1}.sidenav{right:.75rem;gap:8px}.sidenav__dot{width:8px;height:8px}.hero__title{font-size:clamp(2rem,10vw,3.5rem)}.typo-section__giant{font-size:clamp(6rem,30vw,12rem)}}.hero__decision{margin-top:2.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.hero__decision-badge{display:inline-flex;align-items:center;gap:.55rem;background:#003c32;color:#fff;padding:.45rem .9rem .45rem .7rem;border-radius:100px;font-size:.78rem;font-weight:500;letter-spacing:.01em;box-shadow:0 6px 20px #003c322e}.hero__decision-dot{width:8px;height:8px;border-radius:50%;background:#00d296;box-shadow:0 0 0 3px #00d29640;animation:decisionPulse 2.2s ease-in-out infinite}@keyframes decisionPulse{0%,to{box-shadow:0 0 0 3px #00d29640}50%{box-shadow:0 0 0 7px #00d29614}}.hero__decision-cta{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#003c32;font-size:.88rem;font-weight:500;text-decoration:none;padding:.7rem 1.25rem;border-radius:100px;box-shadow:0 10px 30px #0000001f;transition:transform .2s,box-shadow .2s,color .2s,gap .2s}.hero__decision-cta:hover{color:#b07030;gap:.75rem;transform:translateY(-2px);box-shadow:0 14px 36px #0000002e}.decision-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#ebe6e1;color:#141414;scroll-snap-align:start;padding:3rem 2.5rem;position:relative;transition:background .5s ease,color .5s ease}.decision-section__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,3vw,3rem);max-width:1500px;width:100%;align-items:center}.decision-section__label{font-size:.75rem;letter-spacing:.25em;color:#14141466}.decision-section__date-block{display:flex;flex-direction:column;gap:.3rem;margin-top:.75rem;padding-top:1rem;border-top:1px solid rgba(20,20,20,.15)}.decision-section__date-label{font-size:.72rem;color:#14141480}.decision-section__date{font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:600;letter-spacing:-.01em;color:#b07030;font-variant-numeric:tabular-nums}.decision-section__chosen{font-size:.9rem;color:#141414a6;line-height:1.5}.decision-section__stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#fff;border-radius:14px;padding:clamp(2rem,3.5vw,3rem);min-height:560px;box-shadow:0 30px 60px #003c321a;transition:background .5s ease}.decision-section__mark-block{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-top:1.5rem;border-top:1px solid rgba(20,20,20,.08);width:60%}.decision-section__stage--dark .decision-section__mark-block{border-top-color:#ebe6e11f}.decision-section__mark{width:auto;height:90px;max-width:100%}.decision-section__mark-label{font-size:.7rem;letter-spacing:.25em;color:#14141473}.decision-section__stage--dark .decision-section__mark-label{color:#ebe6e18c}.decision-section__stage--dark{background:#0a1f1b;box-shadow:0 30px 60px #00000040}.decision-section__logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:300px}.decision-section__logo{max-width:88%;max-height:280px;width:auto;height:auto;transform:scale(var(--decision-logo-scale, 1));transform-origin:center;transition:opacity .4s ease}.decision-section__logo--dark,.decision-section__stage--dark .decision-section__logo--light{display:none}.decision-section__stage--dark .decision-section__logo--dark{display:block}.decision-section__toggle{position:absolute;top:1rem;right:1rem;width:36px;height:20px;border-radius:100px;border:none;background:#1414141a;cursor:pointer;padding:2px;transition:background .3s}.decision-section__stage--dark .decision-section__toggle{background:#ebe6e133}.decision-section__toggle-dot{display:block;width:16px;height:16px;border-radius:50%;background:#003c32;transition:transform .3s}.decision-section__stage--dark .decision-section__toggle-dot{background:#00d296;transform:translate(16px)}.decision-section__body{display:flex;flex-direction:column;gap:1.1rem}.decision-section__headline{font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:500;line-height:1.3;letter-spacing:-.01em}.decision-section__text{font-size:1.1rem;line-height:1.7;color:#141414bf}.decision-section__note{font-size:.92rem;line-height:1.7;color:#1414148c;padding-left:1rem;border-left:2px solid #B07030}@media(max-width:900px){.decision-section{padding:4rem 1.5rem}.decision-section__inner{grid-template-columns:1fr;gap:2.5rem}.decision-section__stage{padding:2rem;min-height:360px}}