@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";
:root{--ink:#101918;--paper:#eeeae0;--cream:#e1ddd2;--teal:#092c2f;--teal2:#123c3f;--cyan:#55bdca;--muted:#68736f;--line:#10191829;--white:#f5f2e9;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img,video{max-width:100%}.wrap{width:min(1240px,100% - 84px);margin:auto}.grain{z-index:100;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.eyebrow{font:10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0}.nav{z-index:1000;height:94px;color:var(--white);justify-content:space-between;align-items:center;padding:0 64px;display:flex;position:absolute;top:0;left:0;right:0}.brand-logo{border-radius:50%;width:78px;height:78px;display:block;overflow:hidden}.brand-logo img{object-fit:cover;width:100%;height:100%}.nav nav{gap:44px;margin-left:auto;margin-right:55px;display:flex}.nav nav a,.nav-right button{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#f5f2e9d9;transition:color .25s}.mobile-menu-toggle{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--white);align-items:center;gap:10px;display:none}.menu-lines{flex-direction:column;gap:5px;width:22px;display:flex}.menu-lines b{background:currentColor;border-radius:1px;height:2px;display:block}.nav nav a:hover,.nav-right button:hover{color:var(--cyan)}.nav-right{align-items:center;gap:22px;display:flex}.menu-btn{display:none}.hero{background:var(--teal);height:100vh;min-height:690px;max-height:900px;color:var(--white);position:relative;overflow:hidden}.hero-photo{filter:saturate(.78)contrast(1.04);background:url(/visuals/hero.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hero-photo video{object-fit:cover;width:100%;height:100%;display:block}.hero-shade{background:linear-gradient(90deg,#041a1cf2 0%,#041a1ca8 38%,#041a1c1f 72%,#041a1c73 100%),linear-gradient(#0000 65%,#041a1cc7);position:absolute;inset:0}.hero-copy{z-index:2;padding-top:28vh;position:relative}.hero h1{letter-spacing:-.085em;max-width:700px;margin:22px 0 32px;font-size:clamp(74px,9.6vw,145px);font-weight:500;line-height:.82}.hero h1 em,.idea h2 em,.section-head h2 em,.about h2 em,.promise h2 em,.contact h2 em{color:var(--cyan);font-style:normal}.hero-sub{color:#e7e3d7bf;max-width:570px;margin:0 0 30px;font-size:15px;line-height:1.7}.hero-actions{align-items:center;gap:28px;display:flex}.pill{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:24px;padding:15px 22px;display:inline-flex}.pill.light{color:#142122;background:#f4f0e6}.pill.dark{color:#fff;background:#0b3033}.showreel{font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.play-circle{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding-left:2px;font-size:9px;display:inline-flex}.hero-side{z-index:2;font:9px var(--mono);letter-spacing:.2em;color:var(--cyan);border-left:1px solid #b9d8d955;flex-direction:column;gap:7px;padding-left:25px;display:flex;position:absolute;top:24%;right:9%}.hero-side i{border-top:2px solid var(--cyan);width:28px;margin-top:13px;display:block}.hero-bottom{z-index:2;font:8px var(--mono);letter-spacing:.13em;color:#e6e3d8aa;align-items:center;gap:70px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-bottom b{color:var(--cyan);margin-right:12px;font-weight:400}.hero-bottom span:last-child{margin-left:auto}.rooms-strip{min-height:100px;color:var(--white);background:#082326;justify-content:center;align-items:center;gap:0;display:flex}.room-pill{border-right:1px solid #ffffff30;align-items:center;gap:16px;width:min(300px,25vw);padding:20px 34px;display:flex}.room-pill svg{fill:none;width:44px;height:44px;stroke:var(--white);stroke-width:2px}.room-pill div{flex-direction:column;display:flex}.room-pill small,.room-pill strong,.room-pill span{font-family:var(--mono);text-transform:uppercase}.room-pill small{color:var(--cyan);font-size:8px}.room-pill strong{letter-spacing:.13em;margin:3px 0;font-size:12px}.room-pill span{color:var(--cyan);letter-spacing:.1em;font-size:9px}.rooms-tag{font:9px var(--mono);letter-spacing:.18em;color:#e6e3d8aa;padding-left:32px}.idea{grid-template-columns:.7fr 1.3fr;align-items:center;gap:55px;padding:76px 0 84px;display:grid}.idea-copy h2,.section-head h2{letter-spacing:-.075em;margin:20px 0 28px;font-size:clamp(48px,5.2vw,78px);font-weight:500;line-height:.88}.idea-copy>p:not(.eyebrow),.head-copy{color:#63706c;max-width:420px;font-size:14px;line-height:1.75}.outline-btn{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid #71817d;border-radius:999px;margin-top:20px;padding:12px 17px;transition:all .25s;display:inline-block}.outline-btn:hover{border-color:var(--cyan);color:#18717b}.idea-visual{grid-template-columns:repeat(3,1fr);gap:12px;height:335px;display:grid;overflow:visible}.idea-panel{background:#183235;border:1px solid #092c2f4d;position:relative;overflow:hidden;box-shadow:0 0 0 5px #ffffff73,0 12px 30px #05191b14}.idea-panel:nth-child(2){transform:translateY(18px)}.idea-panel:nth-child(3){transform:translateY(-10px)}.idea-panel:before{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff52;position:absolute;inset:10px}.idea-panel img{object-fit:cover;filter:brightness(.8)saturate(.82);width:100%;height:100%;transition:transform .7s}.idea-panel:hover img{transform:scale(1.05)}.idea-panel:after{content:"";background:linear-gradient(#0000 38%,#061415e0);position:absolute;inset:0}.idea-panel b,.idea-panel small{z-index:4;font:10px var(--mono);letter-spacing:.12em;color:#fff;position:absolute;left:22px}.idea-panel b{bottom:24px}.idea-panel b span{font-size:13px}.idea-panel small{color:var(--cyan);bottom:9px}.work{padding:30px 0 115px}.section-head{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:30px;margin-bottom:34px;display:grid}.section-head>div:first-child{grid-column:1}.filters{display:none}.count{font:9px var(--mono);color:var(--muted);align-self:start}.work-grid{grid-template-columns:repeat(10,1fr);gap:24px;display:grid}.work-card{grid-column:span 2}.work-card.horizontal{grid-column:span 5}.work-image{aspect-ratio:3/4;isolation:isolate;background:#183235;border:1px solid #092c2f47;position:relative;overflow:hidden;box-shadow:0 0 0 5px #ffffff8c,0 12px 28px #0a232514}.work-card.horizontal .work-image{aspect-ratio:16/7}.work-image:after{content:"";pointer-events:none;z-index:2;border:1px solid #ffffff47;position:absolute;inset:8px}.work-image img{object-fit:cover;filter:saturate(.8)contrast(1.02);width:100%;height:100%;transition:transform .7s}.work-image video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.work-card:hover .work-image img{transform:scale(1.045)}.work-image .play-circle{color:#fff;z-index:4;background:#0a242788;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-label{flex-direction:column;padding-top:13px;display:flex}.work-label strong{font-size:15px;font-weight:500}.work-label span{display:none}.process-section{color:var(--white);background:#0a3033;padding:92px 0 105px}.process-section .eyebrow{color:#9fb4b1}.process-section .head-copy{color:#aab9b5}.process-head{margin-bottom:35px;display:block}.process-head h2{margin-bottom:20px}.process-head .outline-btn{border-color:#9bb0ad}.steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step{color:#fff;background-position:50%;background-size:cover;border:1px solid #ffffff47;height:315px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 0 0 5px #ffffff0b,0 15px 35px #0000002e}.step:nth-child(2){transform:translateY(18px)}.step:nth-child(3){transform:translateY(-8px)}.step:nth-child(4){transform:translateY(12px)}.step:hover{transform:translateY(-4px);box-shadow:0 0 0 5px #55bdca14,0 18px 40px #00000040}.step:nth-child(2):hover,.step:nth-child(3):hover,.step:nth-child(4):hover{transform:translateY(-4px)}.step:before{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff45;position:absolute;inset:11px}.step-overlay{background:linear-gradient(#0514160d,#051416f0);position:absolute;inset:0}.step>small{color:var(--cyan);font:10px var(--mono);z-index:4;position:absolute;top:18px;left:20px}.step-bottom{z-index:4;position:absolute;bottom:22px;left:20px;right:28px}.step h3{letter-spacing:-.04em;margin:0 0 7px;font-size:27px;font-weight:500}.step p{font:11px var(--mono);color:#e8e5dbb8;margin:0;line-height:1.5}.step-arrow{z-index:4;border:1px solid #fff7;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:13px;display:flex;position:absolute;bottom:16px;right:15px}.about{background:#e3dfd4;grid-template-columns:1fr 1.2fr;display:grid}.about-copy{padding:95px 8vw 90px}.about-copy h2{letter-spacing:-.075em;margin:20px 0 30px;font-size:clamp(48px,5.2vw,78px);font-weight:500;line-height:.87}.about-copy>p:not(.eyebrow){color:#5e6a66;max-width:480px;font-size:14px;line-height:1.8}.about-image{background:#173638;border-left:1px solid #092c2f2e;min-height:570px;position:relative;overflow:hidden}.about-image img{object-fit:cover;filter:saturate(.8);width:100%;height:100%;position:absolute;inset:0}.about-image:after{content:"";background:linear-gradient(90deg,#05181a26,#05181a0d);position:absolute;inset:0}.about-play{z-index:2;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-play .play-circle{width:58px;height:58px;font-size:12px}.about-side{z-index:2;color:#fff;font:9px var(--mono);letter-spacing:.2em;line-height:1.8;position:absolute;top:50%;right:35px;transform:translateY(-50%)}.promise{grid-template-columns:1.15fr .85fr .55fr;gap:0;padding:90px 0;display:grid}.promise-bad{padding-right:55px}.promise h2{letter-spacing:-.07em;margin:20px 0 25px;font-size:clamp(45px,5vw,72px);font-weight:500;line-height:.9}.promise-bad>p:not(.eyebrow){color:#65716d;max-width:680px;font-size:14px;line-height:1.8}.promise-good{border-left:1px solid var(--line);padding:0 40px}.promise-good .eyebrow{color:#1a808b}.promise-good h3{margin:17px 0;font-size:23px;font-weight:500}.promise-good ul{color:#5f6c68;margin:0;padding:0;font-size:13px;line-height:2.15;list-style:none}.promise-good li:before{content:"✓";color:#18818b;margin-right:10px}.promise-image{border:1px solid #092c2f2e;min-height:245px;overflow:hidden}.promise-image img{object-fit:cover;width:100%;height:100%}.contact{color:var(--white);background:#082b2e;padding:85px 0}.contact .eyebrow{color:#9fb6b3}.contact-top{grid-template-columns:1.05fr .75fr 1.2fr;align-items:end;gap:50px;display:grid}.contact h2{letter-spacing:-.08em;margin:22px 0 0;font-size:clamp(54px,6.2vw,90px);font-weight:500;line-height:.86}.contact-top p{color:#b8c3bf;margin:0 0 18px;font-size:14px;line-height:1.6}.contact-details{grid-template-columns:1fr 1fr;justify-content:end;gap:24px 36px;display:grid}.contact-details a{font:11px var(--mono);letter-spacing:.04em;color:#e5e2d8;align-items:flex-start;gap:14px;transition:color .25s;display:flex}.contact-details svg{fill:none;width:34px;height:34px;stroke:var(--white);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.contact-details span{padding-top:6px;line-height:1.4}.contact-details a:hover{color:var(--cyan)}footer{color:#9eaaa6;background:#071c1e;justify-content:space-between;align-items:center;gap:30px;min-height:95px;padding:25px 64px;display:flex}footer div{flex-direction:column;gap:8px;display:flex}footer strong{font:12px var(--mono);letter-spacing:.18em;color:#e9e6dc}footer span,footer small,footer nav a{font:9px var(--mono);letter-spacing:.12em}footer nav{gap:28px;display:flex}footer nav a:hover{color:var(--cyan)}@media (max-width:950px){.nav{padding:0 24px}.nav nav{display:none}.nav nav.open{z-index:10000;background:#082b2e;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100dvh;margin:0;display:flex;position:fixed;inset:0}.nav nav.open a{color:var(--white);font-size:26px}.mobile-menu-toggle{display:flex}.wrap{width:calc(100% - 44px)}.hero-copy{padding-top:29vh}.hero-side{right:5%}.rooms-strip{flex-wrap:wrap}.room-pill{width:33.33%;padding:18px}.rooms-tag{display:none}.idea,.section-head{grid-template-columns:1fr}.count{position:absolute;right:25px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-card,.work-card.horizontal{grid-column:span 1}.work-card.horizontal .work-image{aspect-ratio:16/9}.steps{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-image{min-height:470px}.promise{grid-template-columns:1fr;gap:40px}.promise-good{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.promise-image{display:none}.contact-top{grid-template-columns:1fr 1fr}.contact-details{grid-column:1/-1;justify-content:flex-start}footer{flex-wrap:wrap;padding:24px}}@media (max-width:560px){.nav{height:78px;padding:0 18px}.brand-logo{width:62px;height:62px}.nav-right{gap:14px}.nav-right button:first-child{display:none}.menu-btn{padding:10px 0;font-size:10px}.nav nav.open{z-index:999;background:#082b2e;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100vw;height:100dvh;min-height:100vh;padding:90px 25px;display:flex;position:fixed;inset:0}.nav nav.open a{letter-spacing:.02em;font-size:28px;line-height:1}.hero{min-height:680px}.hero-photo{background-position:58%}.hero-copy{padding-top:29vh}.hero h1{font-size:18vw}.hero-sub{font-size:13px;line-height:1.7}.hero-side{display:none}.hero-bottom{gap:22px;width:auto;left:22px;right:22px;transform:none}.hero-bottom div:nth-child(2){display:none}.hero-bottom span:last-child{font-size:8px}.rooms-strip{grid-template-columns:1fr 1fr;display:grid}.room-pill{border-bottom:1px solid #ffffff30;width:auto;padding:18px 13px}.room-pill svg{width:34px;height:34px}.room-pill strong{font-size:10px}.room-pill span{font-size:8px}.idea{padding:65px 0}.idea-visual{gap:8px;height:265px}.idea-panel{box-shadow:0 0 0 3px #fff6,0 10px 22px #05191b14}.idea-panel:nth-child(2){transform:translateY(10px)}.idea-panel:nth-child(3){transform:translateY(-6px)}.idea-panel:before{inset:7px}.idea-panel b{bottom:17px;left:12px}.idea-panel small{bottom:5px;left:12px}.work{padding-bottom:75px}.work-grid{grid-template-columns:1fr}.work-card,.work-card.horizontal{grid-column:span 1}.work-image,.work-card.horizontal .work-image{aspect-ratio:16/10}.work-card:not(.horizontal) .work-image{aspect-ratio:4/5}.work-image:after{inset:6px}.work-number{z-index:50;font:10px var(--mono);letter-spacing:.12em;color:#fff;pointer-events:none;background:#08191b8c;border-radius:4px;padding:5px 9px;position:absolute;top:14px;left:14px}.work-label strong{font-size:15px}.process-section{padding:75px 0}.steps{grid-template-columns:1fr;gap:18px}.step{height:300px}.step:nth-child(2),.step:nth-child(3),.step:nth-child(4),.step:hover,.step:nth-child(2):hover,.step:nth-child(3):hover,.step:nth-child(4):hover{transform:none}.about-copy{padding:75px 22px}.about-image{min-height:360px}.about-side{right:16px}.promise{padding:70px 0}.contact{padding:75px 0}.contact-top{grid-template-columns:1fr;gap:35px}.contact-details{grid-column:auto;grid-template-columns:1fr;gap:18px}.contact-details a{font-size:11px}.contact h2{font-size:16vw}footer{flex-direction:column;align-items:flex-start;gap:25px}footer nav{flex-wrap:wrap;order:2}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}