:root{--black:#151515;--gold:#c9a86a;--paper:#f3f0e9;--muted:#b3b0a9;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--black)}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.07;letter-spacing:-.055em}.wrap{width:min(1380px,88%);margin:auto}.header{position:sticky;top:0;z-index:40;background:#151515f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:96px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand img{width:144px;height:72px;object-fit:contain;background:#fff;padding:7px 14px}.nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav a:not(.nav-cta):hover{color:var(--gold)}.nav-cta{border:1px solid #8f8b82;border-radius:30px;padding:12px 21px}.nav-cta:hover{background:var(--gold);color:var(--black)}.menu{display:none;border:1px solid var(--line);background:none;color:white;padding:10px 15px}.hero{position:relative;min-height:740px;overflow:hidden;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:70% center}.hero-media video{position:absolute;inset:0}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151515f2,#15151550 60%,#15151505),linear-gradient(0deg,#151515b0,transparent 30%)}.hero-copy{padding:64px 0 45px}.kicker{text-transform:uppercase;letter-spacing:2.6px;font-size:10px;display:flex;align-items:center;gap:12px;color:var(--gold);margin-bottom:26px}.kicker:before{content:'';width:21px;height:1px;background:currentColor}h1{font-size:clamp(65px,8.5vw,130px);max-width:1000px;margin-bottom:30px}.hero h1 span{color:var(--gold)}.hero-intro{max-width:420px;color:#d2cec4;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}.pill{display:inline-flex;gap:38px;align-items:center;background:var(--gold);border:1px solid var(--gold);border-radius:32px;color:var(--black);padding:16px 23px;font-size:13px;line-height:1.5;transition:background .2s,transform .2s}.pill:hover{background:#dfc492;transform:translateY(-2px)}.pill.secondary{background:transparent;color:inherit;border-color:#88847b}.pill.secondary:hover{background:#ffffff12}.text-link{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #878277;padding:5px 0;font-size:13px}.text-link:hover{color:var(--gold)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:70px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.motion-toggle{background:#15151590;border:1px solid #ffffff50;color:#ddd6c9;padding:8px 13px;border-radius:25px;font-size:10px;letter-spacing:.5px}.hero-bottom .right{display:flex;gap:28px;align-items:center}.ticker{border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden}.ticker .wrap{display:flex;justify-content:space-between;gap:26px;white-space:nowrap;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.ticker i{font-style:normal;color:var(--gold)}section{padding:100px 0}h2{font-size:clamp(35px,4.5vw,67px);margin-bottom:30px}h3{font-size:27px}.light{background:var(--paper);color:var(--black)}.light p{color:#63615b}.light .kicker{color:#826b40}.intro-grid{display:grid;grid-template-columns:.7fr 1.6fr;gap:70px}.intro-grid h2{max-width:840px}.intro-grid h2 span{color:#9b8151}.intro-grid p{font-size:18px;max-width:630px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head h2{margin-bottom:0}.section-head p{max-width:320px;color:var(--muted);font-size:14px;margin-bottom:5px}.service-link{display:grid;grid-template-columns:70px 1.3fr .9fr 35px;gap:30px;align-items:center;padding:30px 0;border-top:1px solid var(--line);transition:padding .25s}.service-link:last-child{border-bottom:1px solid var(--line)}.service-link:hover{padding-left:15px;color:var(--gold)}.service-link .n{font-size:11px;color:var(--gold)}.service-link h3{margin:0;font-size:clamp(22px,2.6vw,38px)}.service-link p{margin:0;font-size:12px;color:var(--muted);max-width:250px}.service-link .arrow{width:35px;height:35px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center}.work{background:#1e1e1b}.feature-work{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.work-image{position:relative;overflow:hidden;border-radius:3px}.work-image img{width:100%;aspect-ratio:1.3;object-fit:cover;transition:transform .8s}.work-image:hover img{transform:scale(1.04)}.caption{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin:20px 0}.work p{color:var(--muted);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.tags span{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:10px}.showcase-browser{background:#e6e7da;border-radius:9px;overflow:hidden;max-width:100%;color:#223b2e;transition:max-width .5s;box-shadow:0 25px 50px #0003;margin:auto}.showcase-browser.mobile{max-width:280px}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid #263b2925;background:#f4f4eb;font-size:8px}.dots{letter-spacing:3px;color:#a8ad9d}.garden-body{padding:32px;min-height:285px;background:linear-gradient(120deg,#e6e7da 50%,#bbc3a5 50%)}.garden-body small{font-size:8px;letter-spacing:2px}.garden-body h4{font-family:Georgia,serif;line-height:1.03;font-size:48px;letter-spacing:-2px;margin:25px 0 20px;font-weight:400}.garden-body p{font-size:10px;max-width:190px;line-height:1.6;color:#415342}.garden-cta{display:inline-block;background:#263d2d;color:#fff;padding:10px 15px;border-radius:30px;font-size:9px}.browser-controls{display:flex;gap:6px;margin-bottom:20px;justify-content:center}.browser-controls button{background:none;border:1px solid #8c887b;border-radius:25px;padding:8px 16px;color:inherit;font-size:11px}.browser-controls button[aria-pressed=true]{background:var(--gold);color:var(--black);border-color:var(--gold)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:70px}.duo .media{height:330px;object-fit:cover;width:100%;border-radius:3px}.duo h3{margin:12px 0}.duo p{max-width:520px}.workflow-shell{border:1px solid #ffffff25;padding:35px;background:linear-gradient(140deg,#262720,#171917);min-height:330px;display:flex;flex-direction:column;justify-content:center}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.workflow-steps button{background:none;color:var(--muted);border:1px solid #ffffff40;border-radius:5px;padding:12px 4px;font-size:10px}.workflow-steps button[aria-selected=true]{color:var(--gold);border-color:var(--gold);background:#c9a86a10}.workflow-display{border-left:2px solid var(--gold);padding:5px 0 5px 20px;min-height:110px}.workflow-display strong{font-size:20px;font-weight:400}.workflow-display p{font-size:12px!important;max-width:340px;line-height:1.8;margin:9px 0 0}.workflow-top{font-size:10px;letter-spacing:2px;color:var(--gold)}.flow-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.3}}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:60px}.process article{border-top:1px solid #15151545;padding-top:20px}.process .number{font-size:11px;color:#826b40}.process h3{font-size:25px;margin:30px 0 17px}.process p{font-size:13px;line-height:1.8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-art{position:relative;border:1px solid #c9a86a55;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;max-width:420px;width:100%;margin:auto}.about-art:before,.about-art:after{content:'';position:absolute;inset:10%;border:1px solid #c9a86a40;border-radius:50%;transform:rotateX(55deg) rotate(-30deg)}.about-art:after{inset:23%;transform:rotateY(50deg) rotate(30deg)}.about-art img{width:46%;background:white;padding:16px;z-index:1}.about-grid p{color:var(--muted);font-size:15px}.principles{list-style:none;padding:0;margin-top:30px}.principles li{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.principles li:before{content:'↗';color:var(--gold);margin-right:15px}.faq-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;font-size:16px;cursor:pointer;list-style:none}.faq summary:after{content:'+';color:var(--gold)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);line-height:1.9;margin:20px 0 0;max-width:680px}.contact{background:var(--gold);color:var(--black)}.contact .kicker{color:var(--black)}.contact h2{font-size:clamp(55px,7.9vw,120px)}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.contact-grid p{font-size:15px;max-width:360px}.contact-grid .note{font-size:11px;opacity:.8;margin-top:35px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{font-size:11px}input,select,textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid #15151570;border-radius:0;padding:10px 0;color:var(--black);margin-top:5px;font-size:15px}select option{color:var(--black);background:var(--paper)}textarea{min-height:85px;resize:vertical}.full{grid-column:1/-1}.contact .pill{background:var(--black);color:var(--paper);border-color:var(--black);justify-content:space-between;width:100%}.form-note{font-size:10px;line-height:1.8}.footer{padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-wordmark{font-size:26px;letter-spacing:4px}.footer-wordmark small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--gold)}.footer-links{display:flex;gap:30px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px;font-size:10px;color:var(--muted)}.breadcrumb{font-size:10px;color:var(--muted);padding-top:30px}.subhero{padding:55px 0 80px;border-bottom:1px solid var(--line)}.subhero-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:80px;align-items:center}.subhero h1{font-size:clamp(50px,6.4vw,92px);margin-bottom:30px}.subhero p{max-width:590px;color:var(--muted);font-size:17px}.subhero img{aspect-ratio:1;object-fit:cover;border-radius:50% 0 0 0}.body-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:100px;align-items:start}.article h2{font-size:36px;margin-top:55px;letter-spacing:-1.5px}.article h2:first-child{margin-top:0}.article p{font-size:16px;color:var(--muted);max-width:720px}.list{list-style:none;padding:0;margin:30px 0}.list li{border-bottom:1px solid var(--line);padding:15px 0;font-size:14px;color:#d5d0c7}.list li:before{content:'↗';color:var(--gold);margin-right:15px}.aside{border:1px solid var(--line);padding:30px;position:sticky;top:125px}.aside h3{font-size:29px}.aside p{font-size:13px;color:var(--muted)}.aside .pill{width:100%;margin-top:20px;justify-content:space-between;font-size:12px;gap:10px}.lead{font-size:20px;max-width:800px;color:var(--muted)}.legal{max-width:800px}.legal p{color:var(--muted);font-size:15px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:var(--paper);color:var(--black);padding:10px}.progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--gold);z-index:100}.hero-media.paused video{visibility:hidden}@media(max-width:1000px){.nav{gap:20px}.service-link{gap:20px;grid-template-columns:40px 1.3fr .8fr 35px}.about-grid{gap:50px}.contact-grid{gap:55px}}@media(max-width:760px){.wrap{width:88%}.header-inner{height:80px}.brand img{width:120px;height:60px}.menu{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--black);padding:25px 6%;flex-direction:column;align-items:start;border-bottom:1px solid var(--line);font-size:16px;gap:22px}.nav.open{display:flex}.hero{min-height:730px}.hero-copy{padding-top:40px}.hero h1{font-size:clamp(54px,11.5vw,85px);margin-top:65px}.hero:before{background:linear-gradient(90deg,#151515d9,#15151570),linear-gradient(0deg,#151515bd,transparent)}.hero-media img,.hero-media video{object-position:66% center}.hero-intro{font-size:15px;max-width:325px}.hero-bottom{margin-top:45px;gap:20px}.hero-bottom>.right>a{display:none}.hero-bottom>span{font-size:8px;max-width:170px}.kicker{font-size:9px}.ticker .wrap{justify-content:start;font-size:9px}section{padding:70px 0}.intro-grid,.feature-work,.about-grid,.faq-grid,.contact-grid,.subhero-grid,.body-grid{grid-template-columns:1fr;gap:35px}.intro-grid p{font-size:16px}h2{font-size:39px}.section-head{display:block}.section-head p{max-width:440px;margin-top:22px}.service-link{grid-template-columns:25px 1fr 30px;gap:13px;padding:25px 0}.service-link p{display:none}.service-link h3{font-size:25px}.duo{grid-template-columns:1fr;gap:40px;margin-top:50px}.duo .media{height:270px}.work-image img{aspect-ratio:1.5}.process{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.process h3{font-size:23px;margin-top:25px}.about-art{max-width:280px}.faq-grid{gap:20px}.contact h2{font-size:64px}.contact-grid{gap:40px}.contact form{gap:20px}.contact-grid .note{margin-top:20px}.footer-top{flex-wrap:wrap}.footer-links{gap:18px;font-size:11px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.subhero{padding-top:35px}.subhero h1{font-size:52px}.subhero img{display:none}.aside{position:static}.body-grid{gap:40px}.article h2{font-size:32px}.workflow-shell{padding:25px}.hero-bottom .right{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media video{display:none}}

/* Transparent header logo, matching the brand section. */
.header .brand{display:block;flex-shrink:0;line-height:0}
.header .header-lockup{display:block;position:relative;width:120px;aspect-ratio:1445/929;background:#f3f0e9;mask:url('/assets/logo.png') center/contain no-repeat;-webkit-mask:url('/assets/logo.png') center/contain no-repeat}
.header .header-lockup>span{position:absolute;inset:0;background:#c9a86a;clip-path:polygon(0 0,100% 0,100% 65%,0 65%,0 90%,100% 90%,100% 100%,0 100%)}
@media(max-width:760px){.header .header-lockup{width:101px}}

/* Real website references. */
.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.reference-visual{display:block;border:1px solid #ffffff35;border-radius:7px;overflow:hidden;background:#22231f;transition:transform 250ms ease,border-color 250ms ease}
.reference-visual:hover{transform:translateY(-4px);border-color:#c9a86a}
.reference-visual img{width:100%;height:310px;object-fit:cover}
.reference-address{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:10px;color:#ccc7bc;border-bottom:1px solid #ffffff20;letter-spacing:.7px}
.reference-address>span:first-child{letter-spacing:3px;font-size:7px;color:#8d8b83}
.reference-card h3{font-size:35px;margin:0 0 18px}
.reference-card>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:550px}
.reference-card .reference-credit{color:var(--gold);font-size:11px;margin:22px 0 16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.reference-grid{grid-template-columns:1fr;gap:45px}.reference-visual img{height:250px}.reference-card h3{font-size:30px}}
