/* Shot composition, typography and section rhythm. */
@import url('/fonts/pretendard.css');
:root{--film-inset:clamp(28px,7.25vw,150px)}
header{height:106px;padding-inline:var(--film-inset);background:linear-gradient(#0a0a0a9c,transparent)}header nav{gap:34px;font-size:14px}.brand{font-size:23px;font-weight:500}
h1,h2{font-weight:500;letter-spacing:-.045em;word-break:keep-all;text-wrap:initial}
.hero{align-items:flex-end;min-height:100svh}.hero .content{padding:200px var(--film-inset) 150px}.hero h1{font-size:clamp(52px,6.25vw,94px);line-height:1.19;max-width:1100px}.hero h1 span{color:var(--ivory)}.hero .eyebrow{font-size:13px;margin-bottom:32px;color:var(--ivory);letter-spacing:.09em}.hero .lead{max-width:540px;font-size:17px;line-height:1.8;margin:30px 0 32px;color:#e0dacf}.hero .shade{background:linear-gradient(90deg,#0a0a0abd,#0a0a0a28 80%),linear-gradient(0deg,#0a0a0ae0,transparent 85%)}.hero .footage video{object-position:65% center;filter:saturate(.55)}.scene-bottom{left:var(--film-inset);right:var(--film-inset);bottom:24px;font-size:11px;color:#bdb4a6}
.eyebrow{font-size:13px;font-weight:400;letter-spacing:.07em}
.brand-story{min-height:0;padding:90px var(--film-inset) 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:24px 90px;border-bottom:1px solid #27221a}.brand-story .eyebrow{grid-column:1/-1;margin:0;color:var(--gold)}.brand-story h2{font-size:clamp(30px,2.8vw,42px);line-height:1.45}.brand-story .lead{font-size:16px;line-height:1.95;margin:5px 0 0;max-width:510px;color:#bdb4a6}.brand-story .lead br{display:none}
.film-section{margin:0;max-width:none;min-height:100svh;display:flex;align-items:center;padding:0;isolation:isolate;overflow:hidden;border:0}.film-section .footage{position:absolute;inset:0;z-index:-2;height:auto}.film-section .footage video{object-fit:cover;object-position:center;filter:saturate(.6)}.film-section .shade{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none}.film-section .content{width:100%;position:relative;z-index:1;padding:130px var(--film-inset);grid-column:auto;grid-row:auto}.film-section h2{font-size:clamp(42px,4.6vw,68px);line-height:1.28;font-weight:500}.film-section h2 span{color:var(--gold)}.film-section .eyebrow{font-size:13px;margin-bottom:32px;color:var(--ivory)}.film-section .lead{font-size:17px;line-height:1.85;margin:30px 0;color:#ded8cd;max-width:480px}.film-section .text-link{color:var(--ivory);border-bottom-color:#93836c}
.consulting .footage{left:18%;background-position:right center}.consulting .footage video{object-position:65% center}.consulting .shade{background:linear-gradient(90deg,#0a0a0a 0%,#0a0a0af5 18%,#0a0a0aca 35%,#0a0a0a15 67%,#0a0a0a10),linear-gradient(0deg,#0a0a0a80,transparent 25%)}.consulting .content{padding-right:52%}.consulting h2{max-width:560px}
.product-section .footage{right:21%}.product-section .footage video{object-position:30% center}.product-section .content{padding-left:56%;padding-right:var(--film-inset)}.product-section .shade{background:linear-gradient(90deg,#0a0a0a15 10%,#0a0a0a40 36%,#0a0a0ae8 60%,#0a0a0a 83%),linear-gradient(0deg,#0a0a0a70,transparent 35%)}.product-section h2.product-name{font-size:clamp(64px,6.5vw,98px);font-weight:400;letter-spacing:-.055em;line-height:1.12}.product-line{font-size:22px;font-weight:400;letter-spacing:-.035em;line-height:1.6;margin-top:32px;word-break:keep-all}.product-section .lead{font-size:16px;line-height:1.9;margin:20px 0 34px}.product-section .actions{gap:26px;flex-wrap:wrap}
.bespoke{min-height:88svh}.bespoke .footage{background:url(hero.webp) 65% center/cover}.bespoke .shade{background:linear-gradient(90deg,#0a0a0ae8,#0a0a0aaa 35%,#0a0a0a15 75%)}.bespoke .content{padding-right:50%}.bespoke h2{font-size:clamp(40px,4.2vw,62px)}
.button{font-weight:500;padding:15px 24px;font-size:14px;min-height:54px}.text-link{font-size:14px;min-height:54px;font-weight:400}.actions{gap:28px}.motion-button.text-link{padding-inline:0;margin-left:0;gap:34px}.motion-button.text-link::after{background:var(--gold)}
.closing{min-height:480px;padding:110px var(--film-inset);background:#100e0b;text-align:left;justify-content:space-between;position:relative;border-top:1px solid #383025}.closing>div{width:100%;display:grid;grid-template-columns:1fr auto;gap:28px 50px;align-items:end}.closing .eyebrow{grid-column:1/-1;margin:0;color:var(--gold)}.closing h2{font-size:clamp(36px,3.5vw,52px);line-height:1.4}.closing .button{margin:0;min-width:220px}footer{min-height:0;padding:40px var(--film-inset);gap:30px;font-size:12px}footer p{font-size:12px}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0 20px}.dialog-heading b{font-size:24px;font-weight:500}.dialog-heading p{font-size:13px;color:#bdb4a6;margin-top:5px}.zoom-scroll{margin:0}.zoom-scroll img{min-width:1200px}
@media(max-width:1100px){header nav{gap:22px}.film-section h2{font-size:48px}.product-section .content{padding-left:50%}.product-section .shade{background:linear-gradient(90deg,#0a0a0a10,#0a0a0ae8 58%,#0a0a0a 86%)}.product-section h2.product-name{font-size:72px}.product-section .actions{gap:16px}.brand-story{gap:25px 45px}.product-line{font-size:20px}}
@media(max-width:700px){:root{--film-inset:24px}header{height:82px;padding-inline:24px}header nav{top:82px}.brand{font-size:21px}.hero{min-height:100svh}.hero .content{padding:190px 24px 125px}.hero h1{font-size:clamp(32px,8.8vw,54px);line-height:1.3;letter-spacing:-.05em}.hero .eyebrow{font-size:12px;margin-bottom:24px}.hero .lead{font-size:15px;margin:24px 0 28px;max-width:340px}.hero .actions{gap:16px;flex-wrap:wrap}.hero .shade{background:linear-gradient(0deg,#0a0a0af0,#0a0a0a80 55%,#0a0a0a20)}.hero .footage video{object-position:60% center}.scene-bottom{font-size:10px;left:24px;right:24px;bottom:20px}.brand-story{display:block;padding:64px 24px 70px}.brand-story .eyebrow{margin-bottom:24px}.brand-story h2{font-size:30px}.brand-story .lead{font-size:15px;margin-top:25px}.film-section{min-height:100svh;align-items:flex-end}.film-section .content,.product-section .content,.bespoke .content{padding:340px 24px 75px}.film-section .footage,.product-section .footage{inset:0}.film-section .shade,.product-section .shade,.bespoke .shade{background:linear-gradient(0deg,#0a0a0afa,#0a0a0add 32%,#0a0a0a80 58%,#0a0a0a10 90%)}.film-section .eyebrow{font-size:12px;margin-bottom:24px}.film-section h2{font-size:clamp(33px,8.8vw,44px);line-height:1.28}.consulting h2 br:nth-of-type(2){display:initial}.consulting .footage video{object-position:70% center}.product-section .footage video{object-position:20% center}.film-section .lead{font-size:15px;line-height:1.85;margin:24px 0 28px}.product-section h2.product-name{font-size:64px}.product-line{font-size:20px;margin-top:24px}.product-section .lead{font-size:15px}.product-section .actions{gap:22px}.bespoke .footage{background-position:68% center}.button{font-size:13px;min-height:52px;padding:13px 18px}.text-link{font-size:13px;min-height:52px}.closing{min-height:0;padding:70px 24px 80px}.closing>div{display:block}.closing .eyebrow{margin-bottom:24px}.closing h2{font-size:32px}.closing .button{margin-top:35px;min-width:180px}footer{padding:35px 24px;gap:20px}footer p{width:100%}}

.product-section .footage video{height:135%;top:-35%;object-position:30% center}@media(max-width:700px){.film-section .content,.product-section .content,.bespoke .content{padding-top:270px}.product-section .footage video{height:125%;top:-25%}}
.product-section .footage video{height:150%;top:-50%}@media(max-width:700px){.product-section .footage video{height:140%;top:-40%}}