:root{--ink: #151515;--paper: #f4f1ec;--muted: #8d877f;--line: rgba(21, 21, 21, .16);--light: #fffaf2;--accent: #b79b6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}img{display:block;width:100%}a{color:inherit;text-decoration:none}.opening-logo{align-items:center;animation:openingLogoExit .85s ease 3.2s forwards;background:radial-gradient(circle at 50% 46%,rgba(183,155,107,.16),transparent 24%),radial-gradient(circle at 48% 52%,rgba(18,38,62,.1),transparent 35%),linear-gradient(135deg,#fbfbf8,#f5f2ec);display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:100}.opening-logo__stage{align-items:center;animation:openingLogoStage 3.6s cubic-bezier(.19,1,.22,1) forwards;aspect-ratio:800 / 156;display:grid;justify-items:center;max-width:min(620px,78vw);position:relative;width:100%}.opening-logo__stage:before{animation:openingLogoOrbit 2.7s cubic-bezier(.19,1,.22,1) .26s forwards;background:conic-gradient(from 120deg,transparent,rgba(183,155,107,.18),rgba(18,38,62,.2),rgba(183,155,107,.3),transparent 70%);border-radius:999px;content:"";filter:blur(1px);height:190%;opacity:0;position:absolute;transform:scale(.62) rotate(-24deg);width:118%}.opening-logo__stage:after{animation:openingLogoLine 2.8s ease .46s forwards;background:linear-gradient(90deg,transparent,rgba(183,155,107,.42),transparent);content:"";height:1px;opacity:0;position:absolute;top:calc(100% + 28px);transform:scaleX(.12);transform-origin:center;width:84%}.opening-logo__halo{animation:openingLogoHalo 2.6s cubic-bezier(.19,1,.22,1) .42s forwards;background:radial-gradient(ellipse at center,rgba(183,155,107,.18),transparent 62%);filter:blur(18px);height:210%;opacity:0;position:absolute;transform:scale(.78);width:112%}.opening-logo__scan{animation:openingLogoScan 1.7s cubic-bezier(.19,1,.22,1) .76s forwards;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),rgba(183,155,107,.22),transparent);height:180%;opacity:0;position:absolute;transform:translate(-160%) skew(-18deg);width:18%;z-index:2}.opening-logo img{animation:openingLogoMark 3.4s cubic-bezier(.19,1,.22,1) forwards;display:block;filter:drop-shadow(0 18px 34px rgba(16,35,57,.08));height:auto;max-height:156px;max-width:100%;opacity:0;object-fit:contain;width:auto;z-index:1}.opening-logo.is-hidden{display:none}@keyframes openingLogoStage{0%{filter:blur(8px);transform:translateY(16px) scale(.985)}34%,78%{filter:blur(0);transform:translateY(0) scale(1)}to{filter:blur(6px);transform:translateY(-10px) scale(.99)}}@keyframes openingLogoMark{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:scale(.985)}28%{clip-path:inset(0 0 0 0);opacity:1;transform:scale(1)}80%{clip-path:inset(0 0 0 0);opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes openingLogoHalo{0%{opacity:0;transform:scale(.78)}38%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes openingLogoOrbit{0%{opacity:0;transform:scale(.62) rotate(-24deg)}44%{opacity:1;transform:scale(1) rotate(8deg)}to{opacity:0;transform:scale(1.12) rotate(24deg)}}@keyframes openingLogoScan{0%{opacity:0;transform:translate(-160%) skew(-18deg)}20%{opacity:.95}to{opacity:0;transform:translate(560%) skew(-18deg)}}@keyframes openingLogoLine{0%{opacity:0;transform:scaleX(.12)}28%,76%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.82)}}@keyframes openingLogoExit{0%{opacity:1}to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.opening-logo,.opening-logo__stage,.opening-logo__stage:before,.opening-logo__stage:after,.opening-logo__halo,.opening-logo__scan,.opening-logo img{animation-duration:1ms;animation-delay:0ms}}.site-header{align-items:center;color:var(--light);display:flex;inset:0 0 auto;justify-content:space-between;padding:28px clamp(22px,4vw,64px);position:fixed;z-index:20}.site-header.is-solid{background:#151515c7;backdrop-filter:blur(16px)}.brand{align-items:center;display:inline-flex;height:42px}.brand-logo{display:block;filter:brightness(0) invert(1);height:auto;max-height:34px;object-fit:contain;opacity:.96;width:clamp(132px,14vw,190px)}.primary-nav{align-items:center;display:flex;gap:clamp(18px,3vw,42px);font-size:13px;text-transform:uppercase}.menu-toggle{background:transparent;border:0;display:none;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{background:var(--light);display:block;height:1px;width:26px}.hero{min-height:100vh;overflow:hidden;position:relative}.hero img{height:100vh;object-fit:cover}.hero-shade{background:linear-gradient(90deg,#000000b8,#0000002e 58%,#0000006b),linear-gradient(0deg,rgba(0,0,0,.36),transparent 45%);inset:0;position:absolute}.hero-content{color:var(--light);left:clamp(24px,7vw,104px);max-width:650px;position:absolute;top:50%;transform:translateY(-44%)}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:0;margin:0 0 18px;text-transform:uppercase}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:0;margin:0}h1{font-size:clamp(48px,8vw,112px);line-height:.94}.lead{color:#fffaf2d1;font-size:clamp(17px,2vw,22px);line-height:1.55;margin:26px 0 30px;max-width:560px}.text-link{border-bottom:1px solid currentColor;display:inline-block;font-size:13px;padding-bottom:8px;text-transform:uppercase}.scroll-cue{border:1px solid rgba(255,250,242,.58);bottom:34px;height:54px;left:50%;position:absolute;transform:translate(-50%);width:1px}.scroll-cue:after{background:var(--light);content:"";height:9px;left:-4px;position:absolute;top:34px;width:9px}.panel{padding:clamp(70px,10vw,140px) clamp(22px,6vw,96px)}.section-intro{display:grid;gap:24px;grid-template-columns:minmax(130px,.38fr) 1fr;margin-bottom:56px}.section-intro h2,.studio-copy h2,.contact h2{font-size:clamp(34px,5vw,72px);line-height:1.03}.service-list{border-top:1px solid var(--line)}.service-card{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:24px;grid-template-columns:70px .32fr .34fr 1fr 130px;padding:32px 0}.service-card>span{color:var(--muted);font-family:Georgia,serif;font-size:24px}.service-card>p:first-of-type,.service-card a{color:var(--muted);font-size:12px;text-transform:uppercase}.service-card h3{font-size:clamp(26px,3vw,42px)}.service-card p:last-of-type{color:#5f5a54;line-height:1.65;margin:0}.projects{background:#0f0f0f;color:var(--light);height:100vh;overflow:hidden;position:relative}.project{inset:0;opacity:0;position:absolute;transition:opacity .7s ease}.project.is-active{opacity:1}.project img{height:100%;object-fit:cover}.project:after{background:linear-gradient(90deg,#000000b8,#0000000a 60%,#0000007a);content:"";inset:0;position:absolute}.project div{bottom:clamp(58px,10vw,120px);left:clamp(24px,7vw,104px);max-width:540px;position:absolute;z-index:2}.project h2{font-size:clamp(38px,6vw,88px);line-height:.98}.project p:last-child{color:#fffaf2c7;font-size:18px;line-height:1.55}.project-controls{display:flex;gap:18px;position:absolute;right:clamp(22px,5vw,70px);top:50%;transform:translateY(-50%);writing-mode:vertical-rl;z-index:3}.project-controls button{background:transparent;border:0;color:#fffaf28c;cursor:pointer;font:13px Inter,Segoe UI,Arial,sans-serif;padding:8px}.project-controls button.is-active{color:var(--light)}.studio{align-items:end;display:grid;gap:52px;grid-template-columns:minmax(0,1fr) minmax(280px,420px)}.studio-copy p:last-child{color:#5f5a54;font-size:18px;line-height:1.7;max-width:700px}.metrics{border-top:1px solid var(--line)}.metrics div{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:26px 0}.metrics strong{font-family:Georgia,serif;font-size:56px;font-weight:400}.metrics span{align-self:center;color:var(--muted);font-size:12px;text-transform:uppercase}.contact{background:var(--ink);color:var(--light);display:grid;gap:48px;grid-template-columns:minmax(0,.75fr) minmax(300px,1fr);padding:clamp(70px,10vw,130px) clamp(22px,6vw,96px)}.contact-details{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px}.contact-details a{border-bottom:1px solid rgba(255,250,242,.28);color:#fffaf2c2;font-size:14px;padding-bottom:8px;text-transform:uppercase}form{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}label{display:grid;gap:10px}label span{color:#fffaf29e;font-size:12px;text-transform:uppercase}.full{grid-column:1 / -1}input,textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,250,242,.32);color:var(--light);font:16px Inter,Segoe UI,Arial,sans-serif;min-height:44px;outline:0}textarea{resize:vertical}form button{background:var(--light);border:0;color:var(--ink);cursor:pointer;font:13px Inter,Segoe UI,Arial,sans-serif;min-height:48px;text-transform:uppercase}footer{align-items:center;background:#0f0f0f;color:#fffaf2ad;display:flex;flex-wrap:wrap;font-size:12px;gap:24px;justify-content:space-between;padding:24px clamp(22px,6vw,96px);text-transform:uppercase}.footer-logo{display:block;filter:brightness(0) invert(1);height:auto;max-height:28px;object-fit:contain;opacity:.72;width:150px}.whatsapp-float{align-items:center;background:linear-gradient(135deg,#fffaf2f0,#fffaf2d1),linear-gradient(135deg,#25d36633,#b79b6b2e);border:1px solid rgba(255,250,242,.72);box-shadow:0 18px 48px #0003;color:var(--ink);display:inline-flex;gap:10px;min-height:52px;overflow:hidden;padding:0 18px 0 14px;position:fixed;right:clamp(18px,3vw,38px);bottom:clamp(18px,3vw,36px);z-index:30}.whatsapp-float__glow{animation:whatsappGlow 2.8s ease-in-out infinite;background:radial-gradient(circle,rgba(37,211,102,.38),transparent 68%);inset:-22px;position:absolute}.whatsapp-float svg{fill:#1f9d55;height:24px;position:relative;width:24px}.whatsapp-float span:last-child{font-size:12px;position:relative;text-transform:uppercase}@keyframes whatsappGlow{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:860px){.site-header{padding:18px}.brand-logo{width:134px}.menu-toggle{display:flex}.primary-nav{background:#151515f0;flex-direction:column;gap:22px;inset:76px 18px auto;padding:26px;position:fixed;transform:translateY(-130%);transition:transform .26s ease}.primary-nav.is-open{transform:translateY(0)}.hero-content{max-width:calc(100% - 44px);top:54%}.section-intro,.studio,.contact,form{grid-template-columns:1fr}.service-card{grid-template-columns:44px 1fr}.service-card h3,.service-card p:last-of-type,.service-card a{grid-column:2}.project-controls{bottom:24px;right:20px;top:auto;transform:none;writing-mode:horizontal-tb}footer{align-items:start;flex-direction:column}.whatsapp-float{min-height:48px;padding:0 14px 0 12px;right:14px;bottom:14px}.whatsapp-float span:last-child{display:none}}