:root{--pixel:'Silkscreen','Courier New',monospace}
.experience-hero{min-height:780px;padding:150px 11vw 90px;position:relative;display:grid;grid-template-columns:1fr minmax(220px,360px);gap:10vw;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,#29292c 0,#18181a 39%,#111112 76%)}
.experience-copy{position:relative;z-index:1;max-width:550px}
.experience-back{font:8px var(--pixel);color:#a8a8aa;letter-spacing:.02em}
.experience-copy .section-index{margin-top:46px;color:#c19c54}
.experience-copy h1{font:clamp(36px,5.2vw,67px)/1.2 var(--pixel);letter-spacing:-.04em;margin:22px 0;color:#eeeef0;text-shadow:0 0 12px #fff2}
.experience-lead{max-width:420px;font:18px/1.5 var(--sans);color:#c7c7c9;margin:0}
.experience-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:29px}
.experience-note{color:#757579;font-size:9px;line-height:1.6;max-width:365px;margin-top:19px}
.experience-art{width:min(100%,340px);margin:0 auto;position:relative;z-index:1}
.experience-art img{width:100%;display:block;aspect-ratio:416/892;object-fit:cover;border-radius:16px;border:1px solid #444448;box-shadow:0 25px 65px #000c,0 0 45px #f2b83b0a}
.experience-art figcaption{display:flex;justify-content:space-between;padding-top:9px;color:#8a8a8d;font:7px var(--pixel)}
.experience-watermark{position:absolute;bottom:-40px;right:9%;font:clamp(90px,18vw,250px) var(--pixel);color:#ffffff05;pointer-events:none}
.experience-details{padding:91px 11vw 100px;display:grid;grid-template-columns:.6fr 1.4fr;gap:5vw;background:#1b1b1d;border-top:1px solid #2b2b2d}
.experience-detail-main h2{font-size:clamp(38px,5vw,61px);font-weight:500;letter-spacing:-.07em;line-height:1.02;margin:0 0 18px}
.experience-detail-main h2 em{font-family:Georgia,serif;color:#c3c3c5;font-weight:400}
.experience-detail-main>p{max-width:600px;color:#929295;font-size:12px;line-height:1.8}
.experience-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}
.experience-features article{border-top:1px solid #4b4b4d;padding-top:13px}
.experience-features article>span{font:9px var(--pixel);color:var(--amber)}
.experience-features h3{font-size:14px;font-weight:500;margin:17px 0 8px}
.experience-features p{font-size:10px;line-height:1.7;color:#929295}
.experience-related{padding:28px 11vw;display:flex;align-items:center;gap:25px;flex-wrap:wrap;background:#111112}
.experience-related .section-index{margin-right:auto}
.experience-related>a{font:8px var(--pixel);color:#c2c2c4}
.experience-related>a:hover{color:var(--amber)}
@media(max-width:700px){
.experience-hero{min-height:0;padding:103px 7vw 55px;grid-template-columns:1fr;gap:37px;background:radial-gradient(ellipse at 50% 48%,#29292b,#111112 75%)}
.experience-copy .section-index{margin-top:32px;font-size:7px}
.experience-copy h1{font-size:38px;line-height:1.3;margin:17px 0}
.experience-lead{font-size:16px}
.experience-actions{gap:18px;margin-top:23px}
.experience-art{width:min(67vw,260px)}
.experience-watermark{bottom:28%;right:3%;font-size:72px}
.experience-details{padding:61px 8vw 70px;grid-template-columns:1fr;gap:20px}
.experience-detail-main h2{font-size:43px}
.experience-features{grid-template-columns:1fr;gap:12px;margin-top:31px}
.experience-features article{display:grid;grid-template-columns:35px 1fr;column-gap:8px;padding:12px 0}
.experience-features article>span{grid-row:1/3}
.experience-features h3{margin:0 0 5px}
.experience-features p{margin:0}
.experience-related{padding:27px 7vw;gap:15px}
.experience-related .section-index{width:100%}
.experience-related>a{font-size:6px}
}