@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-arabic-wght-normal-BMWQQIfH.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-vietnamese-wght-normal-DvU6pLYV.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-ext-wght-normal-CJ9LaFMc.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-wght-normal-9GNYQ01K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;--accent:oklch(55% .26 265);--accent-dark:oklch(43% .22 265);--accent-ink:oklch(98% .005 260);--paper:oklch(97% .008 255);--paper-raised:oklch(100% 0 0);--aluminum:oklch(84% .012 255);--soft:oklch(92% .01 255);--ink:oklch(20% .025 255);--muted:oklch(45% .025 255);--dark:oklch(16% .035 260);--line:color-mix(in oklch, var(--ink) 18%, transparent);--header-height:5.5rem;--pad:clamp(1.25rem, 4vw, 4.5rem);background:var(--paper);color:var(--ink);scroll-behavior:smooth;font-family:Alexandria Variable,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--paper);scroll-padding-top:1rem}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;font-size:1rem;line-height:1.65;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{z-index:100;background:var(--paper-raised);color:var(--ink);padding:.75rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.section-pad{padding-inline:var(--pad)}.site-header{z-index:20;min-height:var(--header-height);padding-inline:var(--pad);color:#fff;border-block-end:1px solid oklch(100% 5.96046e-8 none/.36);grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr);align-items:center;gap:2rem;display:grid;position:absolute;inset:0 0 auto}.brand{justify-self:start;align-items:baseline;gap:.8rem;min-height:44px;display:flex}.brand-mark,.footer-mark{letter-spacing:-.06em;font-size:1.3rem;font-weight:760}.brand-sub{opacity:.75;font-size:.68rem;font-weight:520}.main-nav{gap:clamp(1rem,2.5vw,2.5rem);font-size:.75rem;font-weight:620;display:flex}.main-nav a,.language-switch,.icon-link{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.main-nav a{position:relative}.main-nav a:after{content:"";transform-origin:100%;background:currentColor;height:2px;transition:transform .18s;position:absolute;inset:auto 0 .45rem;transform:scaleX(0)}[dir=ltr] .main-nav a:after{transform-origin:0}.main-nav a:hover:after,.main-nav a:focus-visible:after{transform:scaleX(1)}.header-actions{justify-self:end;align-items:center;gap:.4rem;display:flex}.language-switch,.icon-link{color:#fff;cursor:pointer;background:0 0;border:1px solid oklch(100% 5.96046e-8 none/.5);border-color:oklch(100% 5.96046e-8 none/.5) oklch(100% 5.96046e-8 none/.5) oklch(100% 5.96046e-8 none/.5) oklch(100% 5.96046e-8 none/.5)}.language-switch{padding-inline:1rem;font-size:.72rem;font-weight:650}.icon-link{width:44px}.hero{background:var(--accent);height:100svh;min-height:100svh;color:var(--accent-ink);grid-template-columns:minmax(0,1.12fr) minmax(25rem,.88fr);display:grid}.hero-copy{min-width:0;height:100svh;min-height:0;padding:calc(var(--header-height) + clamp(2.5rem, 8vh, 7rem)) var(--pad) clamp(2.5rem, 6vh, 5rem);flex-direction:column;justify-content:center;display:flex;position:relative}.hero-copy:after{content:"";inset-inline-end:0;inset-block:var(--header-height) 0;pointer-events:none;border-inline-start:1px solid oklch(100% 5.96046e-8 none/.28);width:clamp(4rem,8vw,8rem);position:absolute}.eyebrow,.section-index{letter-spacing:.06em;margin:0;font-size:.69rem;font-weight:680;line-height:1.4}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:10ch;margin:clamp(1.2rem,3vh,2.2rem) 0 1.25rem;font-size:clamp(3.2rem,7.4vw,8.3rem);font-weight:770;line-height:.94}[dir=ltr] .hero h1{letter-spacing:-.065em;max-width:9ch}.hero-body{max-width:38rem;color:color-mix(in oklch, white 84%, var(--accent));margin:0;font-size:clamp(.94rem,1.2vw,1.15rem)}.hero-actions,.closing-actions{flex-wrap:wrap;align-items:center;gap:1.3rem;margin-block-start:clamp(1.7rem,4vh,3rem);display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:.65rem;min-height:52px;padding:.85rem 1.25rem;font-size:.82rem;font-weight:720;line-height:1.25;transition:transform .16s,background-color .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-light{color:oklch(20% .025 255);background:#fff}.button-accent{background:var(--accent);color:#fff;width:100%}.text-link{text-underline-offset:.38rem;align-items:center;gap:.55rem;min-height:44px;font-size:.78rem;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.hero-visual{background:var(--dark);min-width:0;height:100svh;min-height:0;margin:0;position:relative;overflow:hidden}.hero-visual:after{content:"";background:color-mix(in oklch, var(--dark) 12%, transparent);pointer-events:none;position:absolute;inset:0}.hero-visual img{object-fit:cover;object-position:center 52%;width:100%;height:100%}.hero-visual figcaption{z-index:2;background:color-mix(in oklch, var(--dark) 82%, transparent);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 2.5rem);padding:.65rem .8rem;font-size:.67rem;position:absolute;inset-block-end:1.25rem;inset-inline-end:1.25rem}.hero-reveal{animation:.62s cubic-bezier(.2,.75,.2,1) both rise-in}.hero-reveal.two{animation-delay:80ms}.hero-reveal.three{animation-delay:.16s}.hero-reveal.four{animation-delay:.24s}.image-reveal{transform-origin:100%;animation:.9s cubic-bezier(.76,0,.24,1) both panel-open}[dir=ltr] .image-reveal{transform-origin:0}@keyframes rise-in{0%{transform:translateY(22px)}to{transform:translateY(0)}}@keyframes panel-open{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}[dir=ltr] .image-reveal{animation-name:panel-open-ltr}@keyframes panel-open-ltr{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.intro{background:var(--paper);grid-template-columns:1fr minmax(18rem,2.2fr) .7fr;align-items:start;gap:clamp(2rem,5vw,6rem);min-height:68vh;padding-block:clamp(5rem,10vw,10rem);display:grid}.section-index{color:var(--muted)}.intro-statement h2,.offer-heading h2,.work-header h2,.brief-header h2,.closing h2{letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,5vw,5.4rem);font-weight:740;line-height:1.02}.intro-statement p,.offer-heading p,.work-header p,.brief-header p,.closing-copy>p:not(.section-index){max-width:43rem;color:var(--muted);margin:1.5rem 0 0;font-size:clamp(.95rem,1.2vw,1.12rem)}.measure-mark{aspect-ratio:1;border:1px solid var(--line);width:min(100%,11rem);color:var(--accent);flex-direction:column;justify-content:space-between;justify-self:end;padding:1rem;display:flex}.measure-mark span{font-size:.7rem;font-weight:680}.offer{background:var(--dark);color:oklch(96% .01 255)}.offer-copy{grid-template-columns:.7fr 1.3fr 1.6fr;gap:clamp(2rem,5vw,6rem);padding-block:clamp(5rem,9vw,9rem);display:grid}.offer .section-index,.offer-heading p{color:oklch(100% 5.96046e-8 none/.6)}.offer-list{border-block-start:1px solid oklch(100% 5.96046e-8 none/.22)}.offer-row{border-block-end:1px solid oklch(100% 5.96046e-8 none/.22);grid-template-columns:2.5rem .9fr 1.4fr;align-items:start;gap:1rem;padding-block:1.6rem;display:grid}.offer-row>span{color:oklch(76% .15 265);font-size:.72rem;font-weight:700}.offer-row h3,.offer-row p{margin:0}.offer-row h3{font-size:1rem}.offer-row p{color:oklch(100% 5.96046e-8 none/.64);font-size:.8rem}.material-frame{border-block-start:1px solid oklch(100% 5.96046e-8 none/.22);height:clamp(17rem,45vw,42rem);overflow:hidden}.material-frame img{object-fit:cover;width:100%;height:100%}.work{background:var(--paper);padding-block:clamp(5rem,9vw,9rem)}.work-header,.brief-header{grid-template-columns:.7fr 1.7fr .9fr;align-items:start;gap:clamp(2rem,5vw,6rem);margin-block-end:clamp(3rem,6vw,6rem);display:grid}.work-header>a{min-height:44px;color:var(--muted);text-underline-offset:.35rem;justify-self:end;align-items:center;gap:.55rem;font-size:.72rem;text-decoration:underline;display:inline-flex}.work-grid{grid-template-rows:repeat(2,clamp(24rem,43vw,42rem));grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.6rem,1vw,1rem);display:grid}.work-image{background:var(--soft);margin:0;position:relative;overflow:hidden}.work-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.work-image:hover img{transform:scale(1.025)}.work-image figcaption{background:color-mix(in oklch, var(--dark) 86%, transparent);color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:space-between;gap:1rem;padding:.8rem;font-size:.67rem;display:flex;position:absolute;inset:auto 0 0}.work-image figcaption span{color:oklch(100% 5.96046e-8 none/.6)}.work-image-1{grid-area:1/1/3/6}.work-image-2{grid-area:1/6/auto/9}.work-image-3{grid-area:1/9/auto/13}.work-image-4{grid-area:2/6/auto/10}.work-image-5{grid-area:2/10/auto/13}[dir=rtl] .work-image-1{grid-column:8/13}[dir=rtl] .work-image-2{grid-column:5/8}[dir=rtl] .work-image-3{grid-column:1/5}[dir=rtl] .work-image-4{grid-column:4/8}[dir=rtl] .work-image-5{grid-column:1/4}.brief{background:var(--aluminum);padding-block:clamp(5rem,9vw,9rem)}.brief-layout{grid-template-columns:minmax(0,1.6fr) minmax(20rem,.85fr);align-items:start;gap:clamp(2rem,5vw,6rem);display:grid}.brief-controls fieldset{border:0;border-block-start:1px solid var(--line);margin:0;padding:1.6rem 0 2.2rem}.brief-controls fieldset:last-child{border-block-end:1px solid var(--line)}.brief-controls legend{width:100%;margin-block-end:1.15rem;font-size:.78rem;font-weight:700}.brief-controls legend span{min-width:3rem;color:var(--accent);display:inline-block}.option-row{flex-wrap:wrap;gap:.6rem;display:flex}.option{border:1px solid color-mix(in oklch, var(--ink) 28%, transparent);background:color-mix(in oklch, var(--paper) 60%, transparent);cursor:pointer;align-items:center;gap:.45rem;min-height:46px;padding:.7rem 1rem;font-size:.78rem;font-weight:580;transition:transform .14s,border-color .14s,background-color .14s,color .14s;display:inline-flex}.option:hover{border-color:var(--accent)}.option:active{transform:scale(.98)}.option.selected{background:var(--accent);border-color:var(--accent);color:#fff}.brief-summary{background:var(--dark);color:#fff;padding:clamp(1.5rem,3vw,2.5rem);position:sticky;top:1rem}.summary-label{color:oklch(100% 5.96046e-8 none/.55);margin:0 0 1.5rem;font-size:.68rem;font-weight:680}.summary-message{white-space:pre-line;color:oklch(100% 5.96046e-8 none/.84);min-height:10rem;margin:0 0 1.8rem;font-size:.82rem}.phone-link{color:oklch(100% 5.96046e-8 none/.62);border-block-end:1px solid oklch(100% 5.96046e-8 none/.3);justify-content:space-between;align-items:center;gap:1rem;min-height:44px;margin-block-start:1.25rem;font-size:.68rem;display:flex}.phone-link bdi{color:#fff;font-weight:680}.closing{background:var(--accent);color:#fff;grid-template-columns:minmax(0,1.3fr) minmax(22rem,.7fr);min-height:80vh;display:grid}.closing-copy{align-self:center;padding-block:clamp(5rem,10vw,10rem)}.closing-copy .section-index,.closing-copy>p:not(.section-index){color:oklch(100% 5.96046e-8 none/.74)}.closing h2{max-width:13ch;margin-block-start:clamp(2rem,5vw,4rem)}.closing-copy>p:not(.section-index){max-width:42rem}.closing-image{border-inline-start:1px solid oklch(100% 5.96046e-8 none/.28);min-height:80vh;overflow:hidden}.closing-image img{object-fit:cover;width:100%;height:100%}.site-footer{padding:1.4rem var(--pad);background:var(--dark);color:#fff;justify-content:space-between;align-items:center;gap:2rem;font-size:.68rem;display:flex}.site-footer>div,.site-footer nav{align-items:center;gap:1.2rem;display:flex}.site-footer>div>span:last-child{color:oklch(100% 5.96046e-8 none/.55)}.site-footer a{text-underline-offset:.3rem;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}@media (prefers-color-scheme:dark){:root{--paper:oklch(15% .024 260);--paper-raised:oklch(20% .03 260);--aluminum:oklch(24% .022 260);--soft:oklch(21% .025 260);--ink:oklch(94% .01 255);--muted:oklch(70% .02 255);--line:oklch(100% 5.96046e-8 none/.17)}.measure-mark{color:oklch(70% .18 265)}.brief-controls legend span{color:oklch(76% .15 265)}.option{background:color-mix(in oklch, var(--paper) 70%, transparent)}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.hero{grid-template-columns:1fr 42vw}.hero-copy{padding-inline-end:2.5rem}.intro,.offer-copy,.work-header,.brief-header{grid-template-columns:.6fr 1.9fr}.measure-mark,.offer-list,.work-header>a{grid-column:2;justify-self:stretch}.offer-list{margin-block-start:1rem}.brief-layout{grid-template-columns:1fr 21rem}.closing{grid-template-columns:1.4fr .6fr}}@media (width<=720px){:root{--header-height:4.8rem;--pad:1.15rem}.site-header{gap:.75rem}.brand-sub{display:none}.hero{grid-template-rows:minmax(27rem,58svh) minmax(17rem,42svh);grid-template-columns:1fr;height:100svh;min-height:100svh}.hero-copy{height:auto;min-height:auto;padding-block:calc(var(--header-height) + 2rem) 2rem;justify-content:center}.hero-copy:after{display:none}.hero h1{max-width:9ch;margin-block:.9rem .8rem;font-size:clamp(3rem,14vw,4.7rem)}[dir=ltr] .hero h1{max-width:8ch;font-size:clamp(2.7rem,12.5vw,4.25rem)}.hero-body{max-width:29rem;font-size:.82rem;line-height:1.65}.hero-actions{margin-block-start:1.2rem}.hero-actions .text-link{display:none}.hero-visual{height:auto;min-height:0}.hero-visual img{object-position:center 48%}.intro,.offer-copy,.work-header,.brief-header{grid-template-columns:1fr;gap:1.4rem}.intro{min-height:0}.measure-mark,.offer-list,.work-header>a{grid-column:auto}.measure-mark{justify-self:start;width:8.5rem}.offer-row{grid-template-columns:2.2rem 1fr}.offer-row p{grid-column:2}.material-frame{height:15rem}.work-header>a{justify-self:start}.work-grid{scroll-snap-type:x mandatory;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);scrollbar-width:none;gap:.75rem;display:flex;overflow-x:auto}.work-grid::-webkit-scrollbar{display:none}.work-image,[dir=rtl] .work-image{scroll-snap-align:center;flex:0 0 min(78vw,23rem);height:31rem}.brief-layout{grid-template-columns:1fr}.brief-summary{position:static}.option{flex:calc(50% - .6rem)}.closing{grid-template-columns:1fr;min-height:0}.closing-copy{padding-block:5rem}.closing-image{border-block-start:1px solid oklch(100% 5.96046e-8 none/.28);border-inline-start:0;min-height:24rem}.site-footer,.site-footer>div{align-items:flex-start}.site-footer{flex-direction:column;gap:.5rem}.site-footer>div{flex-direction:column;gap:.25rem}}@media (width<=390px){.language-switch{padding-inline:.7rem}.hero-copy{padding-block-start:calc(var(--header-height) + 1.2rem)}.hero h1{font-size:2.85rem}[dir=ltr] .hero h1{font-size:2.55rem}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
