:root{--ink:#0b1016;--paper:#eee9df;--gold:#d5ac7a;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090d14;color:#f3ede6;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #ddb879;outline-offset:5px}.chapter-shell{max-width:1800px;margin:auto;min-height:100dvh;border-inline:1px solid #34363b}.chapter-header{height:69px;background:#0b1016;border-bottom:1px solid #424045;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,70px);gap:20px}.chapter-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.chapter-brand strong{font-family:var(--serif);font-weight:400;letter-spacing:.28em;font-size:21px}.icon-s{font-family:var(--serif);font-size:35px;color:var(--gold);position:relative;display:inline-grid;place-items:center;height:32px;width:32px}.icon-s i{position:absolute;border:1px solid var(--gold);width:35px;height:12px;border-radius:50%;transform:rotate(-25deg)}.header-edition{font-size:10px;letter-spacing:.23em;color:#b6aca0}.chapter-header nav{display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.12em}.chapter-header nav span{color:var(--gold)}.language-pill{padding:9px 11px;border:1px solid #7a654e;border-radius:2px;color:#dec9a6}.feature-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(580px,calc(100dvh - 145px),1060px);background:var(--paper);color:#14191e}.feature-copy{padding:clamp(25px,3.7vw,74px);display:flex;flex-direction:column;justify-content:space-between;min-width:0}.editorial-overline,.feature-foot{display:flex;gap:16px;justify-content:space-between;color:#7a7165;font-size:9px;letter-spacing:.17em;line-height:1.6}.editorial-overline span:first-child{color:#957049}.chapter-rule{width:65px;height:2px;background:#bb8f59;margin-bottom:22px}.feature-content h1{font-family:var(--serif);font-weight:400;line-height:.9;letter-spacing:-.065em;font-size:clamp(57px,7vw,115px);max-width:750px;margin:0 0 30px}.feature-content p{font-family:var(--serif);font-size:clamp(17px,2.1vw,30px);line-height:1.26;letter-spacing:-.025em;max-width:650px;color:#444640}.read-chapter{font-size:10px;font-weight:700;letter-spacing:.2em;border-bottom:1px solid #a9a092;display:inline-flex;justify-content:space-between;gap:54px;align-items:center;padding:16px 0;margin-top:20px}.read-chapter span{font-size:20px;font-weight:400}.feature-foot span:first-child{max-width:70%}.feature-image{position:relative;overflow:hidden;min-height:0;margin:0;background:#1e2b35}.feature-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#04081098);pointer-events:none}.feature-image img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.88)}.feature-image figcaption{position:absolute;left:30px;bottom:24px;z-index:2;font-size:9px;letter-spacing:.16em;color:#fff7ec;text-transform:uppercase}.image-marker{font-family:var(--serif);position:absolute;top:35px;right:40px;font-size:56px;line-height:1;z-index:2}.image-marker span{color:var(--gold);font-size:32px}.detail-spread{scroll-margin-top:24px;background:#101722;border-top:1px solid #4c4339;display:grid;grid-template-columns:1.1fr .9fr;color:#eee8dc}.detail-main{padding:clamp(33px,5vw,88px);border-right:1px solid #3e3a36}.detail-eyebrow,.sidebar-topline,.sidebar-note{font-size:10px;letter-spacing:.18em;color:var(--gold)}.detail-main h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5vw,78px);letter-spacing:-.055em;line-height:1;margin:28px 0}.detail-intro{color:#d8d2c7;line-height:1.7;font-size:clamp(13px,1.3vw,17px);max-width:770px}.craft-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:36px 0 0}.craft-point{border-top:1px solid #6a6256;padding-top:20px}.point-index{font-size:10px;color:var(--gold)}.craft-point h3{font-family:var(--serif);font-size:clamp(21px,2vw,33px);letter-spacing:-.03em;font-weight:400;margin:12px 0}.craft-point p{font-size:12px;line-height:1.7;color:#bdb8b0}.detail-sidebar{padding:clamp(30px,4vw,70px);background:#18212c}.detail-sidebar h2{font-family:var(--serif);font-size:clamp(45px,4vw,70px);font-weight:400;letter-spacing:-.05em;margin:20px 0}.qa-accordion{border-top:1px solid #555861}.qa-accordion details{border-bottom:1px solid #555861;padding:18px 0}.qa-accordion summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:clamp(16px,1.5vw,22px);display:flex;justify-content:space-between;gap:18px}.qa-accordion summary::-webkit-details-marker{display:none}.qa-accordion summary span{font-family:var(--sans);font-size:16px;color:var(--gold)}.qa-accordion details p{font-size:13px;line-height:1.65;color:#cfc8bd;margin:15px 0 0}.sidebar-note{margin:30px 0 11px}.topic-links{display:flex;gap:10px;flex-wrap:wrap}.topic-links a{font-size:10px;border:1px solid #77705f;padding:9px 13px;letter-spacing:.08em;transition:background .2s}.topic-links a:hover{background:#4b4339}.journal-drawer{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;padding:clamp(35px,5vw,65px);background:#eee9df;color:#121820;align-items:center}.journal-drawer span{letter-spacing:.2em;color:#9a744c;font-size:9px}.journal-drawer h2{font-family:var(--serif);font-size:clamp(42px,5vw,80px);font-weight:400;letter-spacing:-.05em;margin:13px 0}.journal-drawer nav{display:grid;gap:0}.journal-drawer nav a{font-family:var(--serif);font-size:clamp(18px,1.6vw,25px);border-bottom:1px solid #b0a99f;padding:12px 0}.chapter-footer{min-height:65px;padding:15px clamp(24px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #504b41;font-size:10px;letter-spacing:.14em}.chapter-footer a:last-child{color:var(--gold)}
@media(max-width:850px){.header-edition{display:none}.feature-page{grid-template-columns:1fr;min-height:unset}.feature-copy{min-height:65dvh;padding:30px}.feature-content h1{font-size:clamp(54px,12vw,97px)}.feature-content p{font-size:clamp(18px,4vw,26px)}.feature-image{min-height:70dvh}.detail-spread{grid-template-columns:1fr}.detail-main{border-right:0;padding:35px 27px}.detail-sidebar{padding:35px 27px}.craft-list{grid-template-columns:repeat(3,minmax(0,1fr))}.journal-drawer{padding:35px 27px}.chapter-footer{flex-wrap:wrap}}
@media(max-width:550px){.chapter-header{padding:0 16px;height:60px}.chapter-brand strong{font-size:16px;letter-spacing:.2em}.chapter-header nav{gap:11px;font-size:9px}.chapter-header nav a:first-child{max-width:100px;line-height:1.3}.feature-copy{min-height:57dvh;padding:23px;gap:40px}.feature-content h1{font-size:clamp(48px,15vw,72px);margin-bottom:19px}.feature-content p{font-size:19px}.feature-image{min-height:60dvh}.feature-foot{font-size:8px}.feature-image figcaption{font-size:8px;left:20px}.detail-main h2{font-size:50px}.craft-list{grid-template-columns:1fr;gap:11px;margin-top:28px}.craft-point{padding-top:12px}.craft-point h3{margin:7px 0}.craft-point p{margin:5px 0 12px}.journal-drawer{grid-template-columns:1fr;gap:8px}.chapter-footer{font-size:9px;letter-spacing:.05em}.chapter-footer a:last-child{width:100%;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* SHAMIL V5: image & motion is a linked subchapter of Design. */
.photo-chapter .feature-image img{object-position:52% 46%}.photo-chapter .feature-image figcaption{position:absolute;bottom:16px;left:25px;right:25px;font-size:10px;letter-spacing:.04em;text-shadow:0 1px 10px #000;background:#07111bbf;color:#eee7d9;width:max-content;max-width:calc(100% - 50px);padding:8px 12px}.photo-image-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:#0b1016;padding:9px;max-height:340px}.photo-image-strip figure{position:relative;margin:0;min-height:210px;overflow:hidden;background:#161b1b}.photo-image-strip img{width:100%;height:100%;min-height:210px;max-height:330px;object-fit:cover;object-position:center 48%;display:block;filter:saturate(.83)}.photo-image-strip figcaption{position:absolute;bottom:0;left:0;right:0;font-size:10px;letter-spacing:.17em;font-weight:600;color:#f8f4ef;background:linear-gradient(0deg,#060d16d1,transparent);padding:35px 19px 15px}.inline-editorial-link{border-bottom:1px solid #ab926e;color:#9b7845;white-space:nowrap}.photo-chapter .detail-spread{border-top:1px solid #473f35}
@media(max-width:850px){.photo-image-strip{max-height:260px}.photo-image-strip figure,.photo-image-strip img{min-height:180px;max-height:245px}}
@media(max-width:550px){.photo-chapter .feature-image{min-height:59dvh}.photo-image-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;max-height:160px}.photo-image-strip figure,.photo-image-strip img{min-height:145px;max-height:155px}.photo-image-strip figcaption{font-size:7px;letter-spacing:.07em;padding:22px 5px 8px}.photo-chapter .feature-image figcaption{font-size:8px;max-width:calc(100% - 26px);left:13px;bottom:13px}}