@font-face{font-family:Barlow;src:url('assets/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;font-family:Arial,sans-serif;color:#efe9d7;background:#141711}
*{box-sizing:border-box}body{margin:0}
.hero{position:relative;height:100vh;height:100svh;height:100dvh;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#222719}
.artwork{position:absolute;inset:0;overflow:hidden;z-index:-1}
.scene,.parallax,.shade{position:absolute;inset:0}
.scene{z-index:0}.scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.parallax{z-index:1;opacity:0;pointer-events:none;overflow:hidden}.parallax.ready{opacity:1}
.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.08);transform-origin:60% 50%}
.layer-back{--dx:8px;--dy:5px}.layer-mid{--dx:20px;--dy:11px}.layer-front{--dx:34px;--dy:18px}
.parallax.ready .layer{animation:ambient-drift 16s ease-in-out infinite alternate;will-change:transform}
.parallax.paused .layer{animation-play-state:paused}
@keyframes ambient-drift{0%{transform:translate3d(calc(-1*var(--dx)),calc(-.35*var(--dy)),0) scale(1.08)}50%{transform:translate3d(calc(.15*var(--dx)),var(--dy),0) scale(1.08)}100%{transform:translate3d(var(--dx),calc(-.35*var(--dy)),0) scale(1.08)}}
.shade{z-index:2;background:linear-gradient(90deg,#0d120ddb 0%,#0d120dad 24%,#0d120d1f 52%,transparent 72%),linear-gradient(0deg,#0c100cf5,transparent 20%)}
.message{grid-row:1;max-width:49%;min-height:0;padding:clamp(16px,4vh,48px) 0 clamp(24px,7vh,90px) clamp(26px,5.5vw,110px);display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.logo{display:block;width:min(37vw,580px);height:auto;margin:0 0 22px -12px}
.eyebrow{font-family:Barlow,sans-serif;font-size:clamp(12px,1vw,16px);letter-spacing:.2em;color:#d4b36f;margin:0 0 14px;text-transform:uppercase}
h1{font-family:Barlow,sans-serif;font-weight:600;font-size:clamp(58px,6.6vw,106px);letter-spacing:-.025em;line-height:1;margin:0;text-shadow:0 4px 24px #0004}h1 span{color:#d6b25e}
.hero>footer{grid-row:2;position:relative;margin:0 5.5%;padding:10px 0;min-height:88px;border-top:1px solid #d7b36a30;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.05em;color:#c0bda8}
.hero>footer>span{font-family:Barlow,sans-serif;font-size:12px;letter-spacing:.17em}
.footer-right{display:flex;align-items:center;gap:26px}footer nav{display:flex;align-items:center;gap:18px}
footer a{font:inherit;color:inherit;text-decoration:none}footer a:hover{color:#f2d396}footer a:focus-visible{outline:2px solid #e5be70;outline-offset:5px}
footer .studio-contact{font:10px/1.5 Arial,sans-serif;letter-spacing:.03em}footer .studio-contact a{white-space:nowrap}
.studio-mark{display:block;width:68px;height:68px;overflow:hidden;flex:none;opacity:.85}.studio-mark img{display:block;width:100%;height:auto}
@media(min-width:1900px){.message{max-width:45%;padding-left:8vw}.logo{width:600px}}
@media(max-width:1100px){footer .studio-contact{max-width:310px}footer nav{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.footer-right{gap:18px}}
@media(max-width:760px) and (orientation:portrait){
  .hero{grid-template-rows:auto minmax(0,1fr) auto;background:#141a14}
  .message{grid-row:1;max-width:none;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;align-items:center;text-align:center;justify-content:flex-start}
  .logo{width:min(67vw,34dvh,300px);margin:0 0 8px}
  .eyebrow{font-size:11px;margin-bottom:8px}
  h1{font-size:clamp(40px,12.5vw,54px)}
  .artwork{position:relative;inset:auto;grid-row:2;min-height:0;height:100%;z-index:0}
  .scene img,.layer{object-position:78% 50%}.layer{transform-origin:50% 50%}
  .layer-back{--dx:3px;--dy:2px}.layer-mid{--dx:7px;--dy:4px}.layer-front{--dx:12px;--dy:7px}
  .shade{background:linear-gradient(180deg,#141a14 0%,transparent 20%,transparent 84%,#141711 100%)}
  .hero>footer{grid-row:3;min-height:0;margin:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:6px 12px;background:#141711;font-size:10px;align-items:center}
  .hero>footer>span{grid-column:1;font-size:10px}
  .footer-right{display:contents}
  footer nav{grid-column:1;display:block}
  footer .studio-contact{display:block;max-width:none;font-size:9px;line-height:1.45;margin-top:5px}
  .studio-mark{grid-column:2;grid-row:1 / span 2;width:54px;height:54px}
}
@media(max-height:520px) and (orientation:landscape){.message{padding:12px 0 16px 5.5%;max-width:47%}.logo{width:min(30vw,49vh);margin-bottom:10px}.eyebrow{font-size:10px;margin-bottom:8px}h1{font-size:clamp(35px,6vw,55px)}.hero>footer{min-height:60px;padding:5px 0;font-size:9px}.hero>footer>span{font-size:10px}.studio-mark{width:48px;height:48px}footer .studio-contact{font-size:9px;max-width:300px}.footer-right{gap:14px}.layer-front{--dx:24px;--dy:12px}}
@media(prefers-reduced-motion:reduce){.parallax.ready .layer{animation:none;will-change:auto}}