.aphex-mark{display:inline-block;width:1em;height:1em;background:currentColor;mask:url('assets/aphex-mark.svg') center/contain no-repeat;-webkit-mask:url('assets/aphex-mark.svg') center/contain no-repeat;vertical-align:-.1em;flex-shrink:0;font-style:normal}
.hero-meta{justify-content:flex-end}
.hero-word{font-size:clamp(110px,23vw,350px);margin-top:26px;line-height:.8;letter-spacing:-.075em}
.hero-word .word-bottom{font-size:.43em;margin:22px 0 0;letter-spacing:-.055em;line-height:1;white-space:nowrap}
.hero-theme{font-size:clamp(14px,1.8vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.7;margin-top:20px}
.hero-lower{grid-template-columns:1fr 1.2fr .2fr;margin-top:34px;min-height:370px;gap:35px}
.name-intro{font-size:14px;letter-spacing:2px;margin:0 0 8px}
.hero-copy .personal-name{font-size:clamp(40px,4.8vw,72px);font-weight:900;letter-spacing:-.055em;margin:0 0 18px;line-height:1.13;position:relative;display:inline-block}
.hero-copy .personal-name:after{content:'';position:absolute;left:0;right:0;bottom:26px;border-bottom:7px solid #b99c8d80;z-index:0;rotate:-2deg}
.hero-copy .personal-name>span{display:block;font-size:10px;letter-spacing:3px;color:#52675c;margin-top:15px;min-width:0}
.hero-copy .personal-note{font-size:18px;line-height:1.7;margin:0 0 7px;letter-spacing:-.5px}
.personal-note #changing-word{display:inline-block;color:#775e55;font-weight:800}
.hero-copy>p:last-of-type{font-size:11px}
.hero-contacts{display:grid;gap:9px;margin:20px 0 0;max-width:310px}
.hero-contacts a{display:grid;grid-template-columns:50px 1fr;align-items:baseline;font-size:13px;line-height:1.5;gap:10px}
.hero-contacts a>span{font-size:8px;letter-spacing:1px;opacity:.7}
.hero-contacts a:hover{color:#765b51;text-decoration:underline;text-underline-offset:4px}
.fold-sculpture{height:330px;position:relative;perspective:1000px;isolation:isolate;transform-style:preserve-3d}
.fold-panel{position:absolute;width:175px;height:235px;top:35px;left:50%;margin-left:-87px;padding:18px;display:flex;flex-direction:column;box-shadow:0 12px 22px #3b51401b;backface-visibility:hidden;border:1px solid #ffffff45;transform-style:preserve-3d}
.fold-panel>span{font-size:8px;letter-spacing:.4px}.fold-panel strong{font-size:39px;line-height:1;margin-top:22px;letter-spacing:-2px}.fold-panel small{font-size:9px;margin-top:auto}
.fold-content{background:#c2aa9e;color:#514b46;transform:translateX(-95px) rotate(-13deg) rotateY(16deg);animation:fold-content 9s ease-in-out infinite;z-index:1}
.fold-content>.aphex-mark{width:46px;height:46px;margin-top:22px;opacity:.65}
.fold-product{background:#edf0e6;color:#4f645c;transform:translateY(-9px) rotate(4deg);animation:fold-product 9s ease-in-out infinite;z-index:3}
.fold-practice{background:#9dafaa;color:#3d5650;transform:translateX(100px) rotate(15deg) rotateY(-18deg);animation:fold-practice 9s ease-in-out infinite;z-index:2}
.mini-layout{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:22px}.mini-layout i{height:21px;background:#9aada0}.mini-layout i:first-child{grid-column:1/-1;height:9px}
.mini-bars{display:flex;gap:7px;align-items:flex-end;height:53px;margin-top:17px}.mini-bars i{width:22px;background:#536e63;height:23px}.mini-bars i:nth-child(2){height:38px}.mini-bars i:nth-child(3){height:53px}
.fold-caption{position:absolute;bottom:10px;left:0;width:100%;text-align:center;letter-spacing:1px;font-size:8px;color:#5e6d62}
.hero-side .vertical-note{display:flex;align-items:center;gap:10px;writing-mode:vertical-rl}
.arrow-link>.aphex-mark{font-size:22px}
.pill span .aphex-mark{width:.85em;height:.85em}
.practice-art .aphex-mark{width:.65em;height:.65em}
.contact-title>span>.aphex-mark{width:.75em;height:.75em}
@keyframes fold-content{0%,100%{transform:translateX(-95px) rotate(-13deg) rotateY(16deg)}50%{transform:translate(-118px,-14px) rotate(-18deg) rotateY(4deg)}}
@keyframes fold-product{0%,100%{transform:translateY(-9px) rotate(4deg)}50%{transform:translateY(-25px) rotate(-3deg)}}
@keyframes fold-practice{0%,100%{transform:translateX(100px) rotate(15deg) rotateY(-18deg)}50%{transform:translate(122px,-12px) rotate(20deg) rotateY(-4deg)}}
@media(max-width:1000px){.hero-lower{grid-template-columns:1fr 1fr;gap:25px}.hero-side{display:none}.fold-sculpture{scale:.85}.hero-copy .personal-name{font-size:54px}}
@media(max-width:650px){
 .hero-word{font-size:25vw;margin-top:35px;line-height:.8}.hero-word .word-bottom{font-size:.43em;margin-top:17px;letter-spacing:-.065em}.hero-theme{font-size:14px;margin-top:16px;line-height:1.7}
 .hero-lower{grid-template-columns:1fr;margin-top:35px;gap:12px}.hero-copy .personal-name{font-size:54px;margin-bottom:15px}.name-intro{font-size:12px}
 .hero-copy .personal-name>span{font-size:9px;letter-spacing:2.5px;margin-top:13px}.hero-copy .personal-name:after{bottom:24px}
 .hero-copy .personal-note{font-size:18px}.hero-contacts{gap:8px;margin-top:18px}.hero-contacts a{font-size:12px}.hero-copy>p:last-of-type{font-size:11px}
 .fold-sculpture{scale:.9;height:310px;margin:5px -10px -5px}.fold-panel{top:30px}.fold-caption{bottom:0}.hero-bottom{margin-top:5px}
}
@media(max-width:380px){.fold-sculpture{scale:.77;height:290px}.hero-theme{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fold-panel{animation:none!important}}