:root{--ink:#20201d;--cream:#e9e2d9;--paper:#f3eee7;--muted:#77736c;--line:rgba(36,34,30,.14);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#c8c0b5;color:var(--ink);font-family:var(--sans);font-size:14px}.backdrop{position:fixed;inset:0;background:linear-gradient(rgba(204,195,184,.28),rgba(204,195,184,.28)),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2200&q=85') center/cover;filter:saturate(.5);z-index:-2}.site-shell{position:relative;width:min(1440px,calc(100% - 8.5vw));min-height:100vh;margin:5.9vh auto 5vh;background:var(--cream);border:1px solid rgba(255,255,255,.45);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #3931262b}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:relative;z-index:5;background:rgba(243,238,231,.62);backdrop-filter:blur(20px);gap:20px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);min-width:250px}.brand-mark{font-size:34px;letter-spacing:-4px;font-weight:700;line-height:1}.brand-mark span{font-weight:400}.brand-name{font-size:10px;letter-spacing:4px;font-weight:700;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:5px;padding:7px;background:rgba(255,255,255,.43);border:1px solid rgba(255,255,255,.7);border-radius:40px}.main-nav a{color:#4b4842;text-decoration:none;padding:14px 22px;border-radius:28px;font-size:12px;transition:.25s}.main-nav a:hover,.main-nav a.active{background:var(--ink);color:white}.top-actions{display:flex;align-items:center;gap:20px}.search-button,.menu-toggle{width:48px;height:48px;border:0;background:rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink)}.search-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.start-project{display:flex;align-items:center;gap:28px;background:var(--ink);color:#fff;border-radius:40px;padding:5px 5px 5px 25px;text-decoration:none;font-size:12px;white-space:nowrap}.start-project span{background:#f8f5ef;color:var(--ink);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:20px}.menu-toggle{display:none}.hero{height:min(680px,65vw);min-height:540px;position:relative;overflow:hidden;background:#d9cfc2}.hero-image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90') center 54%/cover;transform:scale(1.015);animation:heroReveal 1.2s ease-out both}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,235,222,.94) 0%,rgba(244,235,222,.76) 28%,rgba(244,235,222,.12) 54%,rgba(31,29,24,.02) 100%),linear-gradient(0deg,rgba(31,29,24,.3),transparent 30%)}.hero-copy{position:absolute;left:12.4%;top:8.5%;z-index:1}.eyebrow{font-size:10px;letter-spacing:4px;font-weight:700;color:#656057;display:flex;align-items:center;gap:15px}.eyebrow i{display:inline-block;width:14px;height:1px;background:#92887a}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,6.4vw,104px);line-height:.97;letter-spacing:-4px;margin:18px 0 18px}.hero h1 em,.below-content h2 em{font-style:normal;color:#80614a}.hero-description{font-size:14px;line-height:1.6;color:#4f4a43;margin:0 0 24px}.hero-ctas{display:flex;align-items:center;gap:24px}.pill-button{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:#fff;border-radius:40px;padding:16px 24px;text-decoration:none;font-size:12px;transition:transform .2s,background .2s}.pill-button:hover{transform:translateY(-2px);background:#4a4036}.pill-button span{font-size:18px}.showreel{display:flex;align-items:center;gap:13px;color:#39352f;text-decoration:none;font-size:12px}.play-button{width:49px;height:49px;border:1px solid #8f8476;border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:2px;transition:.25s}.showreel:hover .play-button{background:var(--ink);color:white}.hero-mantra{position:absolute;right:3.2%;top:8%;border-left:2px solid #8e8273;padding-left:14px;font-size:10px;line-height:1.8;letter-spacing:.3px;color:#49443d}.image-caption{position:absolute;right:4%;bottom:10%;display:flex;align-items:center;gap:12px;color:#fff;font-size:9px;letter-spacing:2px;text-shadow:0 1px 6px #000}.caption-line{height:1px;width:34px;background:#fff}.side-rail{position:absolute;z-index:4;top:185px;left:22px;width:78px;padding:12px 0 18px;background:rgba(247,242,234,.88);border:1px solid rgba(255,255,255,.8);border-radius:48px;display:flex;align-items:center;flex-direction:column;gap:8px;box-shadow:0 10px 30px #51463714}.rail-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#49463f;transition:.2s}.rail-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.rail-icon.selected svg{fill:#fff;stroke:#fff}.rail-icon.selected,.rail-icon:hover{background:var(--ink);color:white}.rail-thumb{width:60px;height:60px;border-radius:50%;background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=180&q=80') center/cover;margin:9px 0 4px;border:3px solid #eee7dc}.watch-link{font-size:9px;line-height:1.3;color:#39362f;text-decoration:none;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center}.play-small{width:32px;height:32px;border:1px solid #81796f;border-radius:50%;display:grid;place-items:center;font-size:10px}.bottom-dock{position:relative;z-index:3;display:grid;grid-template-columns:1.23fr 1fr .53fr;gap:22px;align-items:end;margin:-2px 20px 0 10%;padding-bottom:18px}.featured-card,.stats-card{background:rgba(247,243,237,.96);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 35px #41362914;border-radius:38px}.featured-card{padding:16px;display:grid;grid-template-columns:43% 1fr;gap:20px;min-height:230px}.featured-photo{border-radius:27px;min-height:195px;background:url('https://images.unsplash.com/photo-1600607687644-c7171b42498f?auto=format&fit=crop&w=650&q=85') center/cover;transition:background-image .3s}.featured-info{position:relative;padding:4px 6px 38px 0}.mini-label{font-size:8px;letter-spacing:2px;font-weight:700;margin:0 0 24px;display:flex;justify-content:space-between;color:#5e594f}.mini-label span{font-size:9px;letter-spacing:1px;white-space:nowrap}.featured-info h2{font-size:16px;font-weight:500;margin:0 0 9px;letter-spacing:-.4px}.featured-info>p:not(.mini-label){font-size:10px;line-height:1.6;color:#8a8379;max-width:210px;margin:0 0 10px}.text-link{font-size:10px;color:#39352f;text-decoration:none;font-weight:600}.text-link span{margin-left:9px;font-size:15px}.slider-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px}.slider-track{display:flex;gap:5px;margin-right:auto}.slider-track i{display:block;width:12px;height:3px;border-radius:3px;background:#d4ccc1}.slider-track i:first-child{background:#5e574e;width:19px}.slider-controls button{border:0;background:#e8e2da;color:#5c554c;border-radius:50%;height:37px;width:37px;cursor:pointer;font-size:18px}.slider-controls button.next{background:var(--ink);color:white}.stats-card{display:flex;justify-content:space-around;align-items:center;padding:30px 18px;min-height:174px;gap:10px}.stat{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;padding:0 10px;border-right:1px solid #e4ddd4}.stat:last-child{border:0}.stat svg{width:24px;height:24px;fill:none;stroke:#5d574e;stroke-width:1.4;margin-bottom:15px}.stat strong{font-size:20px;letter-spacing:-1px;font-weight:500}.stat span{font-size:9px;color:#81796f;white-space:nowrap;margin-top:3px}.vision-card{background:#292923;color:#fff;border-radius:38px;padding:20px 23px 21px;min-height:225px;box-shadow:0 14px 35px #41362920}.vision-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.vision-thumb{width:49px;height:49px;border-radius:50%;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=180&q=80') center/cover;border:2px solid #4b4b42}.round-arrow{width:39px;height:39px;background:#f7f3ec;color:#24241f;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:22px}.vision-card h2{font-size:17px;line-height:1.3;font-weight:500;margin:0 0 8px;letter-spacing:-.5px}.vision-card p{font-size:10px;line-height:1.6;color:#bcb9b0;margin:0 0 18px}.vision-line{height:2px;width:100%;display:block;background:#4c4c43}.vision-line span{height:2px;width:40%;display:block;background:#9b9384}.below-content{padding:115px 13% 105px;background:#f2ede6}.below-content h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5vw,70px);line-height:1.05;letter-spacing:-2px;margin:24px 0}.below-content>p:not(.eyebrow){max-width:470px;color:#716b62;line-height:1.8;margin-bottom:25px}footer{display:flex;justify-content:space-between;gap:15px;padding:24px 5%;font-size:9px;letter-spacing:1.6px;color:#6b655c;background:#e8e1d8}footer a{color:inherit;text-decoration:none}.search-panel{position:fixed;z-index:10;top:25px;right:5vw;width:min(440px,90vw);padding:25px;background:#f7f3ed;border-radius:22px;box-shadow:0 20px 70px #1b181366;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s}.search-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.search-panel label{display:block;font-size:12px;margin-bottom:12px}.search-panel form div{display:flex;gap:8px}.search-panel input{min-width:0;flex:1;border:1px solid #d9d0c5;background:#fffaf4;border-radius:12px;padding:13px;font:inherit}.search-panel button{border:0;background:var(--ink);color:white;border-radius:12px;padding:0 15px;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#22221e;color:#fff;padding:13px 20px;border-radius:30px;font-size:12px;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes heroReveal{from{opacity:.4;transform:scale(1.06)}to{opacity:1;transform:scale(1.015)}}
@media(min-width:1500px){.hero{height:660px}.bottom-dock{margin-left:10%;grid-template-columns:1.23fr 1fr .53fr}}
@media(max-width:1150px){.site-shell{width:calc(100% - 36px);margin:24px auto}.topbar{padding:0 22px;height:82px}.brand{min-width:auto}.brand-name{letter-spacing:2.5px}.main-nav a{padding:12px 14px}.top-actions{gap:10px}.start-project{gap:14px;padding-left:18px}.hero{min-height:510px}.hero-copy{left:13%;top:10%}.hero h1{font-size:clamp(62px,7.2vw,86px)}.side-rail{left:12px;width:62px;top:170px}.rail-icon{width:39px;height:39px}.rail-thumb{width:48px;height:48px}.bottom-dock{margin-left:8%;grid-template-columns:1.2fr 1fr;gap:15px}.vision-card{grid-column:2;min-height:190px}.stats-card{min-height:170px}.featured-card{min-height:215px}.vision-card{display:none}}
@media(max-width:760px){body{background:#d2c8bc}.site-shell{width:calc(100% - 20px);margin:10px auto;border-radius:16px}.topbar{height:72px;padding:0 16px}.brand{gap:9px}.brand-mark{font-size:30px}.brand-name{font-size:8px;letter-spacing:2px}.main-nav{display:none;position:absolute;top:63px;left:12px;right:12px;padding:9px;border-radius:20px;flex-direction:column;align-items:stretch;background:#f5efe7;box-shadow:0 12px 25px #342b201b}.main-nav.open{display:flex}.main-nav a{text-align:center}.top-actions{gap:8px}.search-button{width:38px;height:38px}.start-project{font-size:10px;gap:8px;padding:4px 4px 4px 13px}.start-project span{width:31px;height:31px;font-size:16px}.menu-toggle{display:grid;width:37px;height:37px;font-size:16px;background:transparent}.hero{min-height:660px;height:calc(100svh - 92px);max-height:780px}.hero-image{background-position:60% center}.hero-wash{background:linear-gradient(90deg,rgba(244,235,222,.92),rgba(244,235,222,.62) 54%,rgba(244,235,222,.05)),linear-gradient(0deg,rgba(26,25,21,.45),transparent 36%)}.hero-copy{left:7%;right:6%;top:10%}.eyebrow{font-size:8px;letter-spacing:2px;gap:8px;flex-wrap:wrap}.eyebrow i{width:9px}.hero h1{font-size:clamp(58px,14vw,88px);letter-spacing:-3px;margin:22px 0 17px}.hero-description{font-size:13px;max-width:280px}.desktop-break{display:none}.hero-ctas{align-items:flex-start;flex-direction:column;gap:14px}.pill-button{padding:14px 20px}.showreel{font-size:11px}.play-button{width:39px;height:39px}.hero-mantra{top:auto;bottom:18%;right:6%;font-size:8px;line-height:1.65;padding-left:9px}.image-caption{right:6%;bottom:7%;font-size:8px}.side-rail{top:auto;bottom:17px;left:50%;transform:translateX(-50%);width:auto;height:55px;padding:5px 10px;border-radius:30px;flex-direction:row;gap:3px;background:rgba(246,240,232,.92)}.rail-icon{width:36px;height:36px}.rail-icon svg{width:16px;height:16px}.rail-thumb,.watch-link{display:none}.bottom-dock{margin:0;padding:14px;display:flex;flex-direction:column;align-items:stretch;gap:12px;background:#e9e2d9}.featured-card{grid-template-columns:38% 1fr;gap:14px;padding:12px;border-radius:25px;min-height:190px}.featured-photo{min-height:165px;border-radius:18px}.featured-info{padding:2px 2px 37px 0}.mini-label{font-size:7px;letter-spacing:1.3px;margin-bottom:19px;gap:8px}.mini-label span{font-size:8px}.featured-info h2{font-size:14px}.featured-info>p:not(.mini-label){font-size:9px;line-height:1.45}.text-link{font-size:9px}.slider-controls button{height:30px;width:30px;font-size:15px}.stats-card{min-height:130px;padding:18px 5px;border-radius:25px;gap:0}.stat{padding:0 10px}.stat svg{width:20px;height:20px;margin-bottom:10px}.stat strong{font-size:18px}.stat span{font-size:8px;white-space:normal;line-height:1.3}.vision-card{display:block;grid-column:auto;min-height:auto;border-radius:25px;padding:18px 20px}.vision-top{margin-bottom:12px}.vision-card h2 br{display:none}.vision-card p br{display:none}.vision-card p{margin-bottom:13px}.below-content{padding:75px 8%}.below-content h2{font-size:48px}.below-content .eyebrow{line-height:1.8}footer{padding:20px 6%;flex-wrap:wrap;font-size:8px;letter-spacing:1px}footer span:nth-child(2){display:none}}
@media(max-width:390px){.brand-name{letter-spacing:1.4px}.topbar{padding:0 10px}.top-actions{gap:4px}.search-button{width:33px;height:33px}.start-project{padding-left:9px}.hero h1{font-size:56px}.featured-card{grid-template-columns:35% 1fr;gap:10px}.mini-label{letter-spacing:.7px}.stat{padding:0 7px}.stat span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}