@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&family=Italiana&display=swap');
:root{--bg:#10110f;--cream:#f3efdf;--gold:#b8a17b;--muted:#acaea5;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:var(--gold);color:var(--bg)}.skip{position:fixed;top:-100px;z-index:100;background:var(--cream);color:var(--bg);padding:12px}.skip:focus{top:0}.progress{height:2px;background:var(--gold);position:fixed;left:0;top:0;width:0;z-index:90}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;width:100%;z-index:5}.logo{font-family:Georgia,serif;font-size:28px;line-height:1;letter-spacing:.13em;display:inline-flex;flex-direction:column;text-align:center}.logo span{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.6em;margin-top:9px}nav{display:flex;gap:38px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #ffffff60;border-radius:30px;padding:10px 22px;font-size:14px}.nav-cta span{margin-left:24px}.menu{display:none}.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:140px 5% 30px}.hero-art{position:absolute;right:-5%;top:4%;width:100%;height:100%;object-fit:cover;opacity:.8;animation:drift 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10110fee 0%,#10110f88 40%,transparent 75%),linear-gradient(0deg,#10110f,transparent 22%)}.hero-top,.hero-copy,.hero-foot{position:relative;z-index:1}.hero-top,.hero-foot,.section-label,.image-caption,.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.14em}.hero-top{color:var(--muted)}.hero-copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding:35px 0}.hero h1{font-family:'Italiana',Georgia,serif;font-size:clamp(75px,8.8vw,146px);font-weight:400;line-height:.97;letter-spacing:-.035em;margin:0;animation:enter 1.2s both}.hero em,h2 em{color:var(--gold);font-weight:400}.outline{font-size:.69em;color:var(--cream)}.hero-bottom{display:flex;align-items:center;gap:65px;margin-top:35px;animation:enter 1.4s .15s both}.hero-bottom p{font-size:16px;color:#cccfc4;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--cream);color:#161713;border:1px solid var(--cream);border-radius:40px;padding:16px 26px;cursor:pointer;font-size:14px;transition:background .3s,transform .3s}.button:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}.button span{font-size:24px;line-height:1}.hero-foot{border-top:1px solid var(--line);padding-top:20px}.ticker{overflow:hidden;background:var(--gold);color:var(--bg);padding:17px 0}.ticker div{display:flex;align-items:center;gap:40px;white-space:nowrap;font-size:22px;letter-spacing:.08em;width:max-content;animation:marquee 30s linear infinite}.ticker i{font-style:normal;font-size:32px}.section{padding:100px 7%}.section-label{color:var(--gold);margin-bottom:60px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:end;margin-bottom:65px}h2{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(48px,5.5vw,84px);line-height:1.1;letter-spacing:-.025em;margin:0}.section-heading p,.studio-copy p,.contact p{color:var(--muted);max-width:440px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:35px;padding:29px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.num{font-size:13px;color:var(--gold);min-width:25px}summary h3{font-size:clamp(25px,3vw,42px);font-weight:400;letter-spacing:-.04em;margin:0;flex:1}.tag{font-size:11px;letter-spacing:.1em;color:var(--muted)}summary b{font-size:28px;font-weight:400;width:32px;height:32px;line-height:32px;text-align:center;transition:transform .3s}details[open] summary b{transform:rotate(45deg)}.service-body{display:grid;grid-template-columns:1fr 1fr;gap:15%;padding:0 65px 32px;color:var(--muted);font-size:16px}.service-body p{margin:0;max-width:460px}.service-body ul{list-style:none;padding:0;margin:0}.service-body li{margin-bottom:5px}.service-body li:before{content:'·';color:var(--gold);margin-right:15px}.studio{background:#e9e5d8;color:#171a15}.studio .section-label{color:#666a5a}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.studio-copy p{color:#63665b;margin-top:30px}.text-link{border-bottom:1px solid currentColor;display:inline-flex;gap:50px;padding:10px 0;margin-top:15px;font-size:16px}.brand-composition img{width:100%;display:block}.image-caption{font-size:10px;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.steps article{padding:35px 28px 0;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0}.steps article>span{color:var(--gold);font-family:'Italiana',Georgia,serif;font-size:50px}.steps h3{font-size:25px;font-weight:400;margin:32px 0 12px}.steps p{font-size:15px;color:var(--muted);line-height:1.8}.manifesto{min-height:480px;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at center,#363024 0%,#151612 65%);padding:80px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto span{font-size:12px;color:var(--gold);letter-spacing:.2em}.manifesto h2{font-size:clamp(70px,9vw,140px);margin:30px 0}.manifesto p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact .location{font-size:12px;letter-spacing:.15em;margin-top:65px}.contact form>label,legend{display:block;font-size:14px;margin:0 0 8px}.contact input:not([type=checkbox]),textarea{background:none;color:var(--cream);border:0;border-bottom:1px solid #ffffff44;width:100%;padding:12px 0 16px;margin-bottom:28px;outline:0;border-radius:0}.contact input:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical}fieldset{padding:0;border:0;margin:5px 0 28px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.chips label{cursor:pointer;position:relative}.chips input{position:absolute;opacity:0}.chips span{display:block;font-size:13px;padding:9px 15px;border:1px solid #ffffff33;border-radius:25px;transition:.25s}.chips input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--bg)}.chips input:focus-visible+span{outline:2px solid var(--cream)}.contact .form-note{font-size:12px}footer{padding:40px 5% 25px;border-top:1px solid var(--line);overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.08em}.footer-big{font-family:'Italiana',Georgia,serif;font-size:22.8vw;line-height:1.15;letter-spacing:.008em;text-align:center;color:#b8a17b;margin-top:30px}.footer-bottom{font-size:10px;align-items:center;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}#motion{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;padding:8px}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .reveal{opacity:1;transform:none;transition:none}@keyframes enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes drift{from{transform:scale(1.03) rotate(-2deg)}to{transform:scale(1.1) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.section{max-width:1600px;margin:auto}.studio{max-width:none;padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:760px){header{height:82px;padding:0 6%}.logo{font-size:23px}.logo span{font-size:9px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#171914;padding:25px 6%;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-cta{display:none}.menu{display:block;background:none;color:var(--cream);border:1px solid var(--line);padding:8px 16px;border-radius:30px;font-size:14px}.hero{min-height:780px;max-height:1000px;height:95svh;padding:115px 6% 23px}.hero-top{font-size:10px}.hero-top span:last-child{display:none}.hero-art{width:160%;max-width:none;right:-60%;opacity:.68}.hero-shade{background:linear-gradient(90deg,#10110fc9,transparent),linear-gradient(0deg,#10110f,transparent 45%)}.hero h1{font-size:clamp(66px,14vw,108px);line-height:1.06}.hero-bottom{align-items:flex-start;flex-direction:column;gap:12px;margin-top:25px}.hero-foot{font-size:9px}.hero-foot>span:last-child{display:none}.section{padding:65px 6%}.section-label{font-size:10px;margin-bottom:35px}.section-label span:last-child{display:none}.section-heading,.studio-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.section-heading{margin-bottom:35px}h2{font-size:51px}.section-heading p{margin-top:0;max-width:100%}summary{gap:14px;padding:24px 0}summary h3{font-size:28px}.tag{display:none}.num{min-width:20px}.service-body{grid-template-columns:1fr;gap:18px;padding:0 0 25px 35px;font-size:15px}.brand-composition{margin-top:20px}.steps{grid-template-columns:1fr 1fr}.steps article,.steps article:first-child{padding:25px 18px 15px}.steps article:nth-child(2){border:0}.steps article:nth-child(n+3){border-top:1px solid var(--line)}.steps h3{font-size:23px;margin-top:15px}.steps p{font-size:14px}.manifesto{min-height:400px}.manifesto h2{font-size:75px}.contact form{margin-top:20px}.contact .location{margin-top:30px}.footer-top>span{display:none}.footer-bottom{font-size:9px;letter-spacing:0}.footer-bottom>span:nth-child(2){display:none}.footer-big{margin:35px 0;font-size:22vw}.button{padding:15px 24px}.image-caption{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}