.direction-essay{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(700px,88svh,1050px);display:grid;place-items:center;padding:90px 7% 125px;text-align:center;background:#12100e}
.direction-image,.direction-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.direction-image{object-fit:cover;object-position:center 58%}
.direction-shade{background:linear-gradient(180deg,#08080866,#080808a3 58%,#080808),linear-gradient(90deg,#08080828,transparent 65%)}
.direction-copy{max-width:850px}
.direction-copy>.eyebrow{color:#c6bcad;font-size:9px;letter-spacing:.19em}
.direction-copy h2{font-size:clamp(80px,8.8vw,144px);line-height:.9;margin:48px 0 32px;color:#eee7dc}
.direction-copy>p:last-child{max-width:365px;margin:auto;color:#c9c0b3;font-size:14px;line-height:1.85}
.direction-foot{position:absolute;bottom:47px;left:7%;right:7%;font-size:8px;letter-spacing:.16em;line-height:1.8;color:#a99d8a}
.detail-essay{padding:135px 0 95px;background:#080808;overflow:hidden}
.detail-heading{text-align:center;padding:0 7%;margin:0 auto 65px}
.detail-heading>.eyebrow{font-size:9px;letter-spacing:.18em;color:#b5a895}
.detail-heading h2{font-size:clamp(65px,7.7vw,125px);line-height:.95;color:#e7e1d7;margin:32px 0 26px}
.detail-heading>p:last-child{font-size:14px;line-height:1.8;max-width:400px;margin:auto;color:#b0a696}
.detail-canvas{position:relative;isolation:isolate;overflow:hidden;height:65svh;min-height:520px;max-height:850px;background:#303326;color:#f0e8da}
.detail-canvas>img,.detail-canvas-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.detail-canvas>img{object-fit:cover;object-position:58% center}
.detail-canvas-shade{background:linear-gradient(90deg,#10180ec4, #0a130b40 62%,#0a130b12),linear-gradient(180deg,#080d0733,transparent 40%,#080d0733)}
.detail-brand{position:absolute;left:7%;top:9%;font-size:12px;letter-spacing:.18em}
.detail-canvas h3{position:absolute;left:7%;top:30%;font-size:clamp(80px,8.7vw,145px);line-height:.88;letter-spacing:-.04em;color:#f0e8da}
.detail-note{position:absolute;left:7%;bottom:9%;font-size:8px;letter-spacing:.16em}
.composition-guides{position:absolute;inset:0;pointer-events:none}
.composition-guides>i{display:block;position:absolute;background:#eee6d873}
.guide-left,.guide-center,.guide-right{top:0;bottom:0;width:1px}.guide-left{left:7%}.guide-center{left:52%}.guide-right{right:7%}
.guide-top,.guide-bottom{left:0;right:0;height:1px}.guide-top{top:17%}.guide-bottom{bottom:17%}
.design-annotation{position:absolute;padding:11px 15px;background:#11150ff2;border:1px solid #c7b99c55;color:#e6d9c4;font-size:11px;letter-spacing:.02em;line-height:1.5}
.annotation-type{left:52%;top:38%;transform:translateX(-1px)}.annotation-space{right:7%;bottom:17%;transform:translateY(-15px)}
.detail-tools{margin:28px 7% 0;display:flex;align-items:center;justify-content:space-between;gap:30px}
.detail-tools button{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:8px 0;border-bottom:1px solid #847764;min-height:44px;font:25px/1.15 var(--serif);letter-spacing:-.02em;text-align:left}
.detail-tools button>i{font:20px/1 var(--sans);font-style:normal;color:#b8aa94}
.detail-tools a{display:flex;gap:25px;align-items:center;min-height:44px;font-size:11px;color:#c5b9a7}
.detail-tools a>span{font-size:20px}.detail-tools a:hover,.detail-tools button:hover{color:#fff}
.detail-disclosure{margin:35px 7% 0;color:#8f8474;font-size:9px;letter-spacing:.06em;line-height:1.8}
@media(min-width:1800px){.detail-canvas h3{font-size:155px}.direction-copy h2{font-size:150px}}
@media(max-width:760px){
 .direction-essay{min-height:clamp(650px,85svh,850px);padding:90px 8% 125px}
 .direction-image{object-position:43% center}.direction-shade{background:linear-gradient(#08080877,#080808a6 60%,#080808)}
 .direction-copy>.eyebrow{font-size:7px}.direction-copy h2{font-size:17.5vw;line-height:.92;margin:43px 0 28px}
 .direction-copy>p:last-child{font-size:12px;line-height:1.85;max-width:290px}.direction-foot{font-size:6px;letter-spacing:.11em;bottom:40px;left:10%;right:10%}
 .detail-essay{padding:80px 0 65px}.detail-heading{padding:0 8%;margin-bottom:40px}.detail-heading>.eyebrow{font-size:7px}
 .detail-heading h2{font-size:14vw;line-height:.98;margin:26px 0 23px}.detail-heading>p:last-child{font-size:12px;max-width:295px;line-height:1.8}
 .detail-canvas{height:70svh;min-height:480px;max-height:660px}.detail-canvas>img{object-position:62% center}
 .detail-canvas-shade{background:linear-gradient(90deg,#10180eb8,#0a130b38),linear-gradient(180deg,#080d0733,transparent 70%,#080d0755)}
 .detail-brand{font-size:9px;top:9%;left:8%}.detail-canvas h3{font-size:17vw;left:8%;top:31%;line-height:.91}.detail-note{font-size:6px;left:8%;bottom:9%;letter-spacing:.12em}
 .guide-left{left:8%}.guide-center{left:56%}.guide-right{right:8%}.design-annotation{font-size:11px;padding:8px 11px}
 .annotation-type{left:8%;top:58%;transform:none}.annotation-space{right:8%;bottom:17%;transform:translateY(-12px)}
 .detail-tools{margin:22px 8% 0;align-items:flex-start;gap:24px;flex-wrap:wrap}.detail-tools button{font-size:23px;gap:30px}.detail-tools a{font-size:10px;gap:18px}
 .detail-disclosure{font-size:8px;letter-spacing:.03em;margin:25px 8% 0}
}