.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:25px;align-items:center;text-align:left;padding:52px 52px 55px;min-height:670px;overflow:hidden;background:#0e1113}
.hero:before,.hero:after,.atelier-emblem{display:none}
.hero-label{grid-column:1/-1;justify-content:flex-start;margin-bottom:25px}
.hero h1{grid-column:1;grid-row:2;font-size:clamp(62px,6.1vw,92px);line-height:1.06;margin:18px 0 28px;position:relative;z-index:2;letter-spacing:-.06em}
.hero h1 em{font-size:1em;letter-spacing:-.06em}
.hero-baseline{grid-column:1;grid-row:3;align-items:flex-start;gap:26px;margin:0;max-width:430px;position:relative;z-index:2}
.hero-baseline>p{font-size:13px;line-height:1.9;max-width:380px}
.hero-aside{text-align:left}
.signature-visual{grid-column:2;grid-row:2/4;margin:0;position:relative;align-self:stretch;min-height:510px;display:flex;flex-direction:column;justify-content:center}
.signature-visual picture{display:block;flex:1;position:relative;min-height:440px;overflow:hidden}
.signature-visual picture:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 15px 0 30px #0e1113; background:linear-gradient(180deg,#0e111320,transparent 18%,transparent 80%,#0e111360)}
.signature-visual img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:57% 50%;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.signature-visual:hover img{transform:scale(1.025)}
.signature-visual figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:17px;color:#adb5ac;font-size:8px;letter-spacing:.07em;line-height:1.7}
.signature-visual figcaption span:first-child{color:#c9b995}
.material-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:0 70px 110px;align-items:center}
.material-panel figure{margin:0;min-width:0}
.material-panel picture{display:block;overflow:hidden;aspect-ratio:1/1}
.material-panel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.material-panel figure:hover img{transform:scale(1.025)}
.material-panel figcaption{font-size:8px;letter-spacing:.04em;color:#aeb6ab;padding-top:15px;line-height:1.7}
.material-copy h2{font-family:var(--trial-font,Manrope,Arial,sans-serif);font-weight:300;font-size:clamp(38px,4.5vw,65px);letter-spacing:-.045em;line-height:1.08;margin:27px 0;color:#eeeae1}
.material-copy h2 span{color:#c9b995}
.material-copy>p{font-size:13px;line-height:1.95;color:#b7c0b5;max-width:390px}
.material-copy ul{padding:0;margin:35px 0 0;list-style:none;max-width:390px}
.material-copy li{border-top:1px solid #3b433d;padding:15px 0;display:flex;align-items:center;gap:25px;color:#d4d9ce;font-size:11px}
.material-copy li span{font-size:8px;color:#bca982}
@media(max-width:1000px){.hero{padding-inline:30px;column-gap:18px;min-height:620px}.hero h1{font-size:7vw}.signature-visual{min-height:470px}.signature-visual picture{min-height:420px}.hero-baseline>p{font-size:12px}.signature-visual figcaption{flex-direction:column;gap:0}.material-panel{padding-inline:40px;gap:40px}.material-copy h2{font-size:43px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding:35px 22px 40px;gap:0;min-height:0;text-align:center}.hero-label{justify-content:center;margin-bottom:25px}.hero h1{grid-column:1;grid-row:2;font-size:clamp(43px,10.5vw,70px);line-height:1.09;margin:0 0 24px}.hero-baseline{grid-column:1;grid-row:3;align-items:center;margin:auto;gap:22px}.hero-baseline>p{font-size:12px;line-height:1.9}.hero-aside{text-align:center}.signature-visual{grid-column:1;grid-row:4;min-height:0;margin:32px -22px 0;align-self:auto}.signature-visual picture{min-height:0;aspect-ratio:1.2/1}.signature-visual img{object-position:55% 50%}.signature-visual picture:after{box-shadow:none;background:linear-gradient(180deg,#0e111380,transparent 20%,transparent 80%,#0e111350)}.signature-visual figcaption{flex-direction:row;text-align:left;padding:14px 22px 0;font-size:7px}.signature-visual figcaption span:last-child{text-align:right;max-width:115px}.material-panel{grid-template-columns:1fr;padding:0 24px 70px;gap:35px}.material-panel picture{aspect-ratio:1.12/1}.material-copy h2{font-size:clamp(38px,9.4vw,55px);margin:22px 0}.material-copy>p{font-size:12px}.material-copy ul{margin-top:25px}.material-copy li{font-size:11px}.material-panel figcaption{font-size:7px}}
@media(prefers-reduced-motion:reduce){.signature-visual img,.material-panel img{transition:none;transform:none!important}}
