.hero{position:relative;height:240vh;background:var(--ink)}.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-media{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62vw;height:72vh;border-radius:34px;overflow:hidden;box-shadow:0 50px 110px -50px #000000b3;will-change:width,height,border-radius}.hero-media image-slot{display:block}.hero-dim{position:absolute;inset:0;background:linear-gradient(180deg,#080e281f,#080e2875);opacity:.65;pointer-events:none}.hero-titles{position:relative;z-index:8;width:100%;display:flex;justify-content:center;gap:.22em;color:#fff;pointer-events:none;text-shadow:0 6px 40px rgba(0,0,0,.35)}.hero-titles h1{font-size:clamp(54px,12.5vw,210px);font-weight:600;margin:0;will-change:transform}.t-left,.t-right{transform:translate(0)}.hero-doodles{position:absolute;inset:0;z-index:9;pointer-events:none}.hero-doodles .doodle{width:clamp(70px,9vw,120px);height:auto}.dd-name{position:absolute;left:50%;transform:translate(-50%);bottom:30%;width:min(40vw,460px);height:auto}.hero-foot{position:absolute;left:0;right:0;bottom:5vh;z-index:8;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;padding:0 24px;opacity:0;transform:translateY(20px)}.hero-eyebrow{font-size:clamp(11px,1.1vw,14px);letter-spacing:.34em;text-transform:uppercase;color:#ffffffd9;margin:0 0 14px;font-weight:500}.hero-tag{max-width:34ch;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(20px,2.4vw,32px);line-height:1.25;color:#fff;margin:0 0 26px}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#fffc}.scroll-cue svg{width:24px;height:40px}@media (max-width:980px){.hero{height:200vh}}@media (max-width:640px){.hero-media{width:84vw;height:60vh}}.port-head{padding:clamp(120px,16vw,190px) 0 clamp(40px,6vw,70px)}.port-title{font-size:clamp(64px,15vw,210px);margin:.12em 0 0;line-height:.86}.port-sub{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.6vw,34px);color:var(--brown);margin:18px 0 0;max-width:24ch}.hairline{height:1px;background:#241f1a38;margin-top:clamp(30px,4vw,48px);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease)}.hairline.inview{transform:scaleX(1)}.port-scroll{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--brown);margin:22px 0 0}.cat{padding:clamp(64px,9vw,110px) 0}.cat.alt{background:var(--cream-deep)}.cat.dark{background:var(--ink);color:var(--cream)}.cat-head{display:flex;gap:clamp(18px,4vw,56px);align-items:flex-start;margin-bottom:clamp(34px,5vw,60px)}.cat-num{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2vw,30px);color:var(--terra);flex:none;padding-top:.35em}.cat-head h2{font-size:clamp(32px,6vw,84px);line-height:.96}.cat-desc{color:var(--ink-soft);font-size:clamp(16px,1.7vw,21px);max-width:52ch;margin:14px 0 0}.cat.dark .cat-desc{color:#f7f3ecb8}.logo-rows{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(36px,5vw,60px)}.logo-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.logo-track{display:flex;gap:20px;width:max-content;animation:logoScroll 48s linear infinite}.logo-marquee.rev .logo-track{animation-direction:reverse;animation-duration:56s}.logo-marquee:hover .logo-track{animation-play-state:paused}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-cell{width:220px;height:130px;border:1px solid rgba(36,31,26,.12);border-radius:14px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex:none;padding:20px}.logo-cell img{max-height:68px;height:auto;width:auto;max-width:170px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.75;transition:filter .4s,opacity .4s}.logo-cell:hover img{filter:none;opacity:1}.lf-band{position:relative}.lf-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin:0 0 18px;text-align:center}.lf-track{display:flex;gap:18px;width:max-content;animation:logoScroll 60s linear infinite}.lf-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.lf-marquee:hover .lf-track{animation-play-state:paused}.lf-cell{width:150px;height:150px;border-radius:16px;overflow:hidden;flex:none;background:var(--cream);box-shadow:0 18px 40px -30px #241f1a80;border:1px solid rgba(36,31,26,.08)}.lf-cell img{width:100%;height:100%;object-fit:cover}.masonry{columns:3;column-gap:18px}.masonry .m-item{break-inside:avoid;margin:0 0 18px;border-radius:14px;overflow:hidden;position:relative;background:var(--sand);box-shadow:0 26px 50px -38px #241f1a80;opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.masonry .m-item.in{opacity:1;transform:none}.masonry .m-item img{width:100%;display:block;transition:transform .8s var(--ease)}.masonry .m-item:hover img{transform:scale(1.04)}.m-cap{position:absolute;left:0;right:0;bottom:0;padding:46px 16px 14px;color:#fff;background:linear-gradient(transparent,#14100cb3);transform:translateY(10px);opacity:0;transition:.45s var(--ease)}.masonry .m-item:hover .m-cap{transform:none;opacity:1}.m-cap .t{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sand)}.m-cap h4{font-family:var(--serif);font-weight:500;font-size:19px;margin:2px 0 0}@media (max-width:900px){.masonry{columns:2}}@media (max-width:560px){.masonry{columns:2;column-gap:12px}}.masonry .m-item{margin-bottom:12px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pg-item{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--sand);box-shadow:0 26px 50px -38px #241f1a80;opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.pg-item.in{opacity:1;transform:none}.pg-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}.pg-item:hover img{transform:scale(1.05)}@media (max-width:760px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.smm-mosaic{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.smm-tile{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;background:var(--sand);box-shadow:0 14px 30px -24px #241f1a80;opacity:0;transform:scale(.7);transition:transform .55s var(--ease),opacity .55s var(--ease),box-shadow .35s;will-change:transform,opacity}.smm-tile.in{opacity:1;transform:scale(1)}.smm-tile img,.smm-tile image-slot{display:block;width:100%;height:100%;object-fit:cover}.smm-mosaic:hover .smm-tile.in{opacity:.45}.smm-tile.in:hover{opacity:1!important;transform:scale(1.26) rotate(var(--r,0deg));z-index:6;box-shadow:0 30px 60px -20px #241f1a8c}@media (max-width:900px){.smm-mosaic{grid-template-columns:repeat(6,1fr)}}@media (max-width:560px){.smm-mosaic{grid-template-columns:repeat(4,1fr)}}.coverflow{position:relative;height:clamp(400px,54vw,620px);perspective:1700px}.cf-track{position:absolute;inset:0;transform-style:preserve-3d}.cf-card{position:absolute;left:50%;top:50%;width:clamp(240px,30vw,400px);height:clamp(360px,46vw,580px);margin-left:calc(clamp(240px,30vw,400px)/-2);margin-top:calc(clamp(360px,46vw,580px)/-2);border-radius:16px;overflow:hidden;background:var(--sand);box-shadow:0 40px 80px -40px #241f1a8c;transition:transform .6s var(--ease),filter .6s var(--ease),opacity .6s;will-change:transform}.cf-card img,.cf-card image-slot{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.cf-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;color:#fff;background:linear-gradient(transparent,#14100cb8);display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.cf-cap h4{font-family:var(--serif);font-weight:500;font-size:20px;margin:0}.cf-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--terra);padding:5px 10px;border-radius:999px;align-self:center}.cf-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:54px;height:54px;border-radius:999px;border:1.5px solid var(--ink);background:var(--cream);color:var(--ink);font-size:20px;cursor:pointer;transition:background .3s,color .3s;display:flex;align-items:center;justify-content:center}.cf-arrow:hover{background:var(--ink);color:var(--cream)}.cf-prev{left:clamp(8px,4vw,40px)}.cf-next{right:clamp(8px,4vw,40px)}.reels{display:flex;gap:clamp(20px,3vw,44px);justify-content:center;flex-wrap:wrap}.reel-card{position:relative;width:clamp(260px,30vw,360px);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:var(--sand);box-shadow:0 40px 80px -44px #241f1a99;cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s}.reel-card:hover{transform:translateY(-6px);box-shadow:0 50px 90px -40px #241f1ab3}.reel-card video{width:100%;height:100%;object-fit:cover;display:block}.reel-flow{position:relative;height:clamp(440px,62vw,680px);perspective:1700px;margin-top:10px}.rf-track{position:absolute;inset:0;transform-style:preserve-3d}.rf-card{position:absolute;left:50%;top:50%;width:clamp(240px,26vw,360px);aspect-ratio:9/16;margin-left:calc(clamp(240px,26vw,360px)/-2);margin-top:calc(clamp(240px,26vw,360px)*16/9/-2);border-radius:22px;overflow:hidden;background:var(--ink);box-shadow:0 44px 90px -44px #241f1aa6;transition:transform .6s var(--ease),filter .6s var(--ease),opacity .6s;will-change:transform}.rf-card video{width:100%;height:100%;object-fit:cover;display:block}.rf-mute{position:absolute;top:12px;right:12px;z-index:4;font-size:16px;opacity:0;transition:opacity .3s;background:#14100c8c;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center}.rf-card.is-center .rf-mute{opacity:1}.rf-empty{display:flex;align-items:center;justify-content:center;border:2px dashed rgba(247,243,236,.35)}.rf-ph{font-family:var(--serif);font-size:clamp(16px,1.6vw,21px);line-height:1.3;text-align:center;color:#f7f3ecb3}.rf-ph span{display:block;font-size:34px;margin-bottom:8px;opacity:.6}.rf-prev{left:clamp(8px,4vw,40px)}.rf-next{right:clamp(8px,4vw,40px)}.rf-hint{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font-size:12px;letter-spacing:.04em;color:var(--brown)}.strategy-flow{padding-bottom:0}.story{position:relative}.story-page{position:sticky;top:0;height:100vh;overflow:hidden}.sp-inner{height:100%;width:100%;transform-origin:bottom left;will-change:transform;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(26px,5vw,68px) clamp(22px,5vw,72px)}.sp-cream{background:var(--cream);color:var(--ink)}.sp-ink{background:var(--ink);color:var(--cream)}.sp-sand{background:var(--cream-deep);color:var(--ink)}.sp-terra{background:var(--terra);color:#fff}.sp-eyebrow{font-size:clamp(11px,1.2vw,14px);letter-spacing:.24em;text-transform:uppercase;font-weight:700;margin:0}.sp-rule{border:none;border-top:1px solid currentColor;opacity:.34;margin:clamp(8px,1.4vw,16px) 0;width:100%}.sp-title{font-size:clamp(34px,7vw,104px);line-height:.86;letter-spacing:-.02em;margin:0;font-weight:600}.sp-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);align-items:start;margin-top:clamp(14px,2vw,26px)}.sp-lead{font-size:clamp(16px,1.7vw,21px);line-height:1.5;margin:0 0 18px;opacity:.95;max-width:48ch}.sp-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.sp-points li{display:flex;gap:12px;font-size:clamp(14px,1.4vw,17px);line-height:1.4}.sp-points li:before{content:"";flex:none;width:7px;height:7px;border-radius:999px;background:currentColor;margin-top:.55em;opacity:.55}.sp-metrics{display:flex;gap:clamp(20px,3vw,46px);flex-wrap:wrap}.sp-metric .mv{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4vw,56px);line-height:1;display:block}.sp-metric .ml{font-size:12px;letter-spacing:.06em;opacity:.8;margin-top:6px;display:block;max-width:18ch}.sp-foot{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}@media (max-width:760px){.sp-body{grid-template-columns:1fr;gap:16px}.sp-points{gap:8px}}.built{position:relative;height:200vh}.built-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 20px}.browser{width:min(1000px,90vw);aspect-ratio:16/10;border-radius:14px;background:var(--warm-brown,#7A5C43);box-shadow:0 60px 110px -50px #241f1ab3;overflow:hidden;will-change:transform;transform-style:preserve-3d}.browser-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#00000038}.bdot{width:11px;height:11px;border-radius:999px;background:#ffffff80}.burl{margin-left:14px;font-size:12px;color:#fffc;background:#ffffff24;padding:3px 14px;border-radius:6px}.browser-screen{width:100%;height:calc(100% - 39px);background:var(--cream)}.browser-screen img,.browser-screen image-slot{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.browser.sm{width:100%;aspect-ratio:16/10;box-shadow:0 40px 80px -46px #241f1a99}.kk-desc{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,60px);align-items:start;margin-top:clamp(36px,5vw,64px)}.kk-text .site-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra)}.kk-text h3{font-weight:500;font-size:clamp(30px,4vw,56px);margin:8px 0 16px;line-height:1}.kk-text p{color:var(--ink-soft);font-size:clamp(16px,1.6vw,19px);line-height:1.6;margin:0 0 20px;max-width:52ch}.kk-points{list-style:none;margin:0;padding:0;display:grid;gap:11px}.kk-points li{display:flex;gap:12px;font-size:16px;color:var(--ink);line-height:1.4}.kk-points li:before{content:"";flex:none;width:7px;height:7px;border-radius:999px;background:var(--terra);margin-top:.5em}.kk-aside{position:sticky;top:90px}@media (max-width:820px){.kk-desc{grid-template-columns:1fr}.kk-aside{position:static}}.screens-strip{margin-top:clamp(50px,7vw,84px)}.ss-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);text-align:center;margin:0 0 26px}.ss-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,32px)}.ss-item{border-radius:14px;overflow:hidden;background:var(--ink);border:1px solid rgba(36,31,26,.12);box-shadow:0 34px 64px -42px #241f1a8c;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.ss-item.in{opacity:1;transform:none}.ss-item img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}.ss-item:hover img{transform:scale(1.03)}.ss-item figcaption{padding:13px 18px;font-size:13px;letter-spacing:.04em;color:var(--cream);background:var(--ink)}@media (max-width:680px){.ss-grid{grid-template-columns:1fr}}.kk-stack{margin-top:clamp(50px,7vw,84px)}.stack-rows{display:flex;flex-direction:column;gap:14px}.stack-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.stack-track{display:flex;gap:14px;width:max-content;animation:logoScroll 44s linear infinite}.stack-marquee.rev .stack-track{animation-direction:reverse;animation-duration:52s}.stack-marquee:hover .stack-track{animation-play-state:paused}.stack-chip{flex:none;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink);padding:12px 22px;border:1px solid rgba(36,31,26,.16);border-radius:999px;background:var(--cream);white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.stack-chip:hover{background:var(--terra);color:#fff;border-color:var(--terra)}.port-cta{padding:clamp(70px,11vw,150px) 0;text-align:center}.port-cta h2{font-size:clamp(44px,9vw,120px)}.port-cta .btn{margin-top:30px}.mb-fill{font-family:monospace;font-size:12.5px;letter-spacing:.03em;color:var(--terra);opacity:.85}@media (max-width:820px){.built{height:170vh}.film{height:240vh}}.site-visit{margin-top:clamp(34px,5vw,58px)}.sv-label{font-size:13px;letter-spacing:.04em;color:var(--brown);margin:0 0 18px;font-weight:500;text-transform:uppercase}.site-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.site-btn{display:flex;flex-direction:column;gap:7px;padding:17px 20px;border-radius:13px;background:var(--cream-deep);border:1px solid rgba(36,31,26,.12);text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}.site-btn:hover{transform:translateY(-3px);border-color:var(--terra);box-shadow:0 18px 38px -22px #241f1a80}.sb-name{font-family:var(--serif);font-size:clamp(18px,1.7vw,22px);color:var(--ink);font-weight:500}.sb-go{font-size:12px;letter-spacing:.02em;color:var(--brown);display:flex;align-items:center;gap:6px}.site-btn:hover .sb-go{color:var(--terra)}.sb-go i{font-style:normal;transition:transform .3s var(--ease)}.site-btn:hover .sb-go i{transform:translate(2px,-2px)}@media (max-width:760px){.site-btns{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.site-btns{grid-template-columns:1fr}}