@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/assets/bodoni-moda-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#151416;--fg:#f0e9e4;--muted:#aaa3a3;--dim:#888183;--line:#ffffff17;--accent:#e6b3ac;--px:0;--py:0;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:'';position:absolute;inset:0 0 auto;height:1000px;background:radial-gradient(ellipse at 50% 24%,#481f282a,transparent 65%);pointer-events:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
button:not(:disabled),a{touch-action:manipulation}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}
::selection{background:#864a58;color:#fff}
img{max-width:100%}
.wrap{width:min(1152px,calc(100% - 96px));margin-inline:auto}
.icon{display:inline-block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.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}
.skip-link{position:fixed;left:20px;top:12px;z-index:20;padding:10px 18px;background:var(--fg);color:var(--bg);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;height:104px}
.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;letter-spacing:.2em}
.brand img{object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px;color:var(--muted)}
.site-header nav a{padding:12px 0;transition:color .2s}
.site-header nav a:hover{color:var(--fg)}
.nav-contact{display:flex;align-items:center;gap:10px;color:var(--fg)}
.nav-contact .icon{width:15px;height:15px}
.hero{position:relative;isolation:isolate;min-height:690px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 29%,#5a243521,transparent 52%)}
.hero-frame{position:absolute;inset:0;pointer-events:none}
.hero-frame i{position:absolute;background:var(--line)}
.hero-frame i:nth-child(1){left:0;right:0;top:0;height:1px;transform-origin:left}
.hero-frame i:nth-child(2){top:0;bottom:0;right:0;width:1px;transform-origin:top}
.hero-frame i:nth-child(3){left:0;right:0;bottom:0;height:1px;transform-origin:right}
.hero-frame i:nth-child(4){top:0;bottom:0;left:0;width:1px;transform-origin:bottom}
.hero-meta,.hero-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;color:var(--muted);font-size:10px;letter-spacing:.03em}
.hero-meta>span:first-child{display:flex;align-items:center;gap:9px}
.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #e6b3ac40}
.edition{color:var(--dim)}
.hero-content{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;padding:18px 24px 56px}
.emblem{position:relative;width:134px;aspect-ratio:1;margin-bottom:24px;translate:calc(var(--px)*5px) calc(var(--py)*3px);transition:translate .8s ease}
.mark{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px #9a021252)}
.emblem{pointer-events:none}
.light{position:absolute;z-index:-1;left:50%;top:41%;width:38%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff6df,#efc3ac 24%,#e6b3ac00 68%);filter:blur(1px)}
.beam{position:absolute;z-index:-2;left:50%;top:42%;width:650px;height:640px;translate:-50% 0;transform-origin:50% 0;background:conic-gradient(from 165deg at 50% 0%,transparent 0deg,#e6b3ac0c 8deg,#e6b3ac15 15deg,#e6b3ac0c 22deg,transparent 30deg);mask:linear-gradient(#000,transparent 87%)}
.dust{position:absolute;inset:0;z-index:-1;pointer-events:none}
.eyebrow{font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.hero-eyebrow{margin:0 0 19px;font-size:9px;letter-spacing:.27em}
h1{position:relative;margin:0 -.11em 0 0;font:400 clamp(3rem,9.9vw,8.4rem)/1.05 'Bodoni Moda',Georgia,serif;letter-spacing:.11em;translate:calc(var(--px)*-2px) calc(var(--py)*-1px);transition:translate .9s ease}
.hero-line{font:400 clamp(1.3rem,2.2vw,1.75rem)/1.4 'Bodoni Moda',Georgia,serif;letter-spacing:-.02em;margin:24px 0 10px;color:#e5c9c3}
.hero-line span{display:inline-block}
.hero-note{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}
.button{display:flex;align-items:center;justify-content:center;gap:26px;min-height:46px;margin-top:28px;padding:10px 19px;border:1px solid #e6b3ac45;border-radius:5px;background:#e6b3ac0a;font-size:11px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}
.button:hover{background:#e6b3ac16;border-color:#e6b3ac80;transform:translateY(-2px)}
.button span{color:var(--accent);font-size:16px}
.hero-bottom{margin-top:auto;padding-top:16px;padding-bottom:20px;font-size:9px}
.hero-bottom a{display:flex;align-items:center;gap:16px;padding:6px 0}
.hero-bottom a:hover{color:var(--fg)}
.section-index{margin:0 0 24px;color:var(--dim);font-size:9px;text-transform:uppercase;letter-spacing:.18em;font-weight:500}
.studio{display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:44px;align-items:start;padding-block:104px 96px;border-bottom:1px solid var(--line)}
.studio>.section-index{padding-top:12px}
h2{margin:0;font:400 clamp(1.9rem,3.5vw,2.65rem)/1.2 'Bodoni Moda',Georgia,serif;letter-spacing:-.035em}
h2 em{font-style:normal;color:var(--accent)}
.studio-copy p{max-width:450px;font-size:13px;line-height:1.9;color:var(--muted);margin:22px 0 0}
.studio-note{justify-self:end;padding-top:5px;font-size:10px;color:var(--dim)}
.note-mark{display:block;color:var(--accent);font-size:24px;font-weight:400;margin-bottom:14px}
.studio-note p{margin:0;line-height:1.9}
.workspace{padding-block:78px 88px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.section-heading .section-index{margin-bottom:17px}
.section-heading>p{margin:0 0 2px;font-size:11px;color:var(--muted);line-height:1.9}
.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden}
.tool{position:relative;display:flex;flex-direction:column;min-height:211px;background:#19181a;padding:26px 27px 23px;transition:background .2s}
.tool:hover,.tool:focus-visible{background:#201c20}
.tool:focus-visible{z-index:1;outline-offset:-3px}
.tool-top{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.tool-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent);border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent)}
.tool-icon .icon{width:18px;height:18px;stroke-width:1.35}
.tool-category{color:var(--dim);font-size:9px}
.outbound{margin-left:auto;width:14px;height:14px;color:#7e777b;transition:color .2s,transform .2s}
.tool:hover .outbound{color:var(--fg);transform:translate(2px,-2px)}
.tool h3{font-size:15px;font-weight:500;margin:0 0 8px;letter-spacing:-.015em}
.tool>p{color:var(--muted);font-size:11px;line-height:1.75;max-width:260px;margin:0 0 23px}
.tool-action{margin-top:auto;font-size:10px;font-weight:500;color:#d2b6b2}
.tool-detail{font-size:9px;font-weight:400;color:var(--dim)}
.violet{color:#b9a2e8}.blue{color:#9ab9d8}.lavender{color:#bba9d4}.ivory{color:#d2cab8}.rose{color:#d6949e}.amber{color:#d7b78e}
.workspace-note{font-size:9px;color:var(--dim);margin:18px 0 0;line-height:1.8}
.site-footer{padding-bottom:30px;border-top:1px solid var(--line)}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 0 44px}
.footer-top .eyebrow{display:block;margin-bottom:12px;font-size:8px}
.contact-link{display:flex;align-items:center;gap:20px;width:fit-content;font-size:clamp(16px,2.7vw,24px);font-weight:400;letter-spacing:-.03em}
.contact-link .icon{width:18px;height:18px;color:var(--accent);transition:transform .2s}
.contact-link:hover .icon{transform:translate(3px,-3px)}
.footer-top>img{opacity:.65}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;color:var(--dim);padding-top:18px;border-top:1px solid var(--line)}
.motion-toggle{display:flex;align-items:center;gap:7px;background:none;border:0;font-size:9px;padding:10px 0;min-height:36px;color:var(--muted);cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle:disabled{cursor:default;color:var(--dim)}
.motion-indicator{width:5px;height:5px;border:1px solid var(--muted);border-radius:50%}
[data-motion=on] .motion-indicator{background:var(--muted)}
.error-page{min-height:100svh;display:grid;place-items:center;padding:30px;text-align:center}
.error-page .brand{justify-content:center;margin-bottom:50px}
.error-page h1{font-size:clamp(5rem,20vw,10rem);letter-spacing:0;margin:0}
.error-page p{color:var(--muted)}
.error-page .button{width:fit-content;margin:30px auto 0}
@media(min-width:1450px){.wrap{width:min(1248px,calc(100% - 128px))}.hero{min-height:740px}.hero-content{padding-top:35px}}
@media(max-width:900px){.wrap{width:calc(100% - 64px)}.site-header{height:88px}.hero{min-height:650px}.hero-meta,.hero-bottom{padding-inline:22px}.studio{grid-template-columns:1fr 2.8fr;gap:25px;padding-block:76px}.studio-note{display:none}.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding-block:62px}.tool{min-height:209px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{height:76px;gap:14px}.brand{font-size:10px;gap:8px;letter-spacing:.16em}.brand img{width:21px;height:21px}.site-header nav{gap:20px;font-size:11px}.nav-contact{display:none}.hero{min-height:610px}.hero-meta{padding:20px 18px;font-size:8px}.edition{display:none}.hero-content{padding:29px 12px 38px}.emblem{width:112px;margin-bottom:26px}.hero-eyebrow{font-size:7px;letter-spacing:.22em;margin-bottom:21px}h1{font-size:clamp(2.5rem,10vw,3.8rem);letter-spacing:.08em;margin-right:-.08em}.hero-line{font-size:22px;margin-top:23px}.hero-note{font-size:11px}.button{font-size:10px;margin-top:27px;min-height:44px}.hero-bottom{padding:15px 18px;font-size:8px}.hero-bottom>span{max-width:125px}.hero-bottom a{gap:8px}.studio{display:block;padding-block:55px}.studio>.section-index{padding:0;margin-bottom:20px}h2{font-size:31px}.studio-copy p{font-size:12px;margin-top:17px}.workspace{padding-block:51px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;font-size:11px}.section-heading>p br{display:none}.section-heading>p br::after{content:' '}.tools{grid-template-columns:minmax(0,1fr)}.tool{min-height:192px;padding:22px}.tool-top{margin-bottom:19px}.tool-category{font-size:10px}.tool h3{font-size:16px}.tool>p{max-width:none;margin-bottom:21px;font-size:12px}.tool-action{font-size:11px}.tool-detail{font-size:9px}.workspace-note{font-size:9px;max-width:300px}.footer-top{padding:30px 0}.footer-top>img{width:32px;height:32px}.contact-link{gap:12px;font-size:19px}.contact-link .icon{width:15px;height:15px}.footer-caption{display:none}.footer-bottom{font-size:8px}.site-footer{padding-bottom:20px}}
@media(prefers-reduced-motion:no-preference){
  html[data-motion=on] .hero-frame i:nth-child(odd){animation:draw-x 1.2s both}
  html[data-motion=on] .hero-frame i:nth-child(even){animation:draw-y 1.2s .2s both}
  html[data-motion=on] .light{animation:flicker 8s ease-in-out infinite}
  html[data-motion=on] .beam{animation:sway 13s ease-in-out infinite alternate}
  html[data-motion=on] .hero-content h1{animation:focus-title 1.5s .1s both}
  html[data-motion=on] .hero-line span{animation:focus-word 1s both}
  html[data-motion=on] .hero-line span:nth-child(1){animation-delay:.4s}
  html[data-motion=on] .hero-line span:nth-child(2){animation-delay:.55s}
  html[data-motion=on] .hero-line span:nth-child(3){animation-delay:.7s}
  html[data-motion=on] .hero-line span:nth-child(4){animation-delay:.85s}
  html[data-motion=on] .hero-line span:nth-child(5){animation-delay:1s}
}
html[data-motion=off]{scroll-behavior:auto}
html[data-scene-active=false] .hero *{animation-play-state:paused!important}
html[data-motion=off] .emblem,html[data-motion=off] h1{translate:0 0;transition:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.emblem,h1{translate:0 0}.dust{display:none}.button:hover{transform:none}}
@keyframes draw-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes draw-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes focus-title{from{opacity:0;filter:blur(8px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes focus-word{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
@keyframes sway{from{rotate:-2deg}to{rotate:2deg}}
@keyframes flicker{0%,100%{opacity:.8;scale:1}18%{opacity:.95}34%{opacity:.83}49%{opacity:1;scale:1.04}64%{opacity:.87}82%{opacity:.96}}