:root{--ink:#0b1016;--ink-soft:#171d25;--paper:#f4f0e7;--paper-deep:#e8dfd1;--gold:#c4a06b;--gold2:#e4c08b;--muted:#82817e;--serif:Didot,"Bodoni MT","Iowan Old Style","Times New Roman",serif;--sans:"Helvetica Neue",Inter,Arial,sans-serif;--ease:cubic-bezier(.23,.7,.2,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;padding:0;margin:0}html{background:var(--ink)}body{font-family:var(--sans);background:var(--ink);color:#eee9df;overflow:hidden;overscroll-behavior:none}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #e5ba81;outline-offset:4px}button[disabled]{opacity:.26;cursor:default}p,h1,h2,h3{margin:0}i,em{font-style:italic}em{font-family:var(--serif)}
.app{height:100dvh;max-height:1300px;min-height:490px;display:grid;grid-template-rows:68px minmax(0,1fr) 70px;max-width:1720px;margin:0 auto;position:relative;isolation:isolate;overflow:hidden;border-inline:1px solid #27282b}.topbar,.bottom-bar{background:#0b1016;z-index:40;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,56px);border-bottom:1px solid #343331}.bottom-bar{display:flex;gap:35px;align-items:center;padding:0 clamp(18px,3vw,56px);border-top:1px solid #383633}.brand{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;letter-spacing:.3em;font-family:var(--serif);font-size:21px;padding:2px 0}.brand-mark{position:relative;display:inline-grid;place-items:center;font-family:var(--serif);font-size:32px;color:#dfbf8d;line-height:1;height:33px;width:32px;letter-spacing:0}.brand-mark i{position:absolute;border:1px solid var(--gold);width:38px;height:13px;border-radius:50%;transform:rotate(-29deg);top:11px;left:-3px}.journal-name{display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:.24em;color:#a49f96}.thin-slash{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:25px}.language-switch{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.18em}.language-switch span{color:#5d5d5b}.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:30px;padding:0 6px;background:none;border:0;color:#b5b0a6;text-decoration:none;transition:color .2s}.language-switch a:hover,.language-switch a:focus-visible{color:#fff}.language-switch a[aria-current="page"]{color:var(--gold2);font-weight:700}.language-switch a:focus-visible{outline:2px solid var(--gold2);outline-offset:1px}.menu-button{height:38px;width:38px;border:1px solid #595044;background:transparent;border-radius:50%;display:grid;align-content:center;gap:5px;justify-content:center;transition:background .2s}.menu-button:hover{background:#25262b}.menu-button span{height:1px;width:15px;background:#e9dfd2;display:block}.menu-button span:nth-child(2){width:11px;margin-left:4px}
.book{position:relative;background:#111923;overflow:hidden;perspective:1900px;isolation:isolate;touch-action:pan-y}.spread{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;overflow:hidden;z-index:1}.spread.is-active{visibility:visible;opacity:1;pointer-events:auto;z-index:2}.desktop-spread{display:grid;grid-template-columns:50% 50%;height:100%;width:100%;overflow:hidden}.leaf{position:relative;height:100%;width:100%;overflow:hidden;isolation:isolate}.paper{background:var(--paper);color:var(--ink)}.paper:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:repeating-linear-gradient(95deg,transparent 0px,rgba(35,20,5,.025) 1px,transparent 2px,transparent 8px);mix-blend-mode:multiply}.paper::before{content:"";height:100%;position:absolute;z-index:3;top:0;right:0;width:2px;background:linear-gradient(90deg,transparent,#c4b8a5);opacity:.5;pointer-events:none}.padding-block{position:relative;z-index:2;height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(28px,4.6vw,84px)}.micro{font-size:clamp(8px,.69vw,11px);letter-spacing:.21em;line-height:1.5;text-transform:uppercase;font-weight:500}.gold-text{color:#b38b54}.section-line,.issue-line{display:flex;justify-content:space-between;align-items:center;gap:20px}.hairline{width:36px;height:1px;background:var(--gold);display:block}.intro-rule{width:58px;height:1px;background:var(--gold);margin:27px 0 21px}.editorial-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;padding:0;border:0;background:none;font-size:clamp(8px,.65vw,11px);letter-spacing:.16em;font-weight:600;white-space:nowrap}.round-arr{font-size:23px;font-weight:300;display:grid;place-items:center;height:45px;width:45px;border:1px solid currentColor;border-radius:50%;transition:color .2s,background .2s,transform .3s}.editorial-link:hover .round-arr{background:#111820;color:var(--paper);transform:rotate(45deg)}.leaf-image,.photo{background-image:var(--photo);background-size:cover;background-position:50% 50%}.leaf-image:before,.photo:before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:inherit;transform:scale(1.005);transition:transform 1.8s var(--ease);z-index:-1}.spread.is-active .leaf-image:before,.spread.is-active .photo:before{transform:scale(1.035)}
/* issue cover */
.cover-copy .padding-block{padding-top:clamp(24px,4vw,70px);padding-bottom:clamp(28px,4vw,70px)}.cover-copy .issue-line{color:#6f6b63}.cover-title-wrap{margin:auto 0;transform:translateY(-2.5%)}.cover-title-wrap .hairline{margin-bottom:27px}.masthead{font-family:var(--serif);font-size:clamp(88px,9.7vw,182px);font-weight:400;line-height:.89;letter-spacing:-.085em;white-space:nowrap;margin-left:-.07em}.masthead span{color:var(--gold)}.cover-statement{font-family:var(--serif);font-size:clamp(29px,3.15vw,57px);line-height:1.07;font-weight:400;letter-spacing:-.045em;margin:24px 0 14px}.intro-note{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#65655d}.cover-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-top:1px solid #cfc8ba;padding-top:20px}.cover-bottom .micro{color:#6c6a64}.cover-art{background-position:center 47%;color:white}.cover-art::after{content:"";position:absolute;inset:0;box-shadow:inset 16px 0 18px -18px #050505;pointer-events:none}.photo-dim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,12,.30),transparent 52%,rgba(0,0,0,.55));z-index:1}.cover-top{position:absolute;z-index:2;top:35px;left:37px;font-size:9px;letter-spacing:.22em}.vertical-stamp{position:absolute;z-index:3;top:35px;right:29px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.23em}.cover-quote{position:absolute;bottom:clamp(36px,5vw,85px);left:clamp(34px,4vw,75px);z-index:2;font-family:var(--serif);font-size:clamp(30px,3.5vw,65px);line-height:1.08;font-style:italic;letter-spacing:-.045em}.art-index{position:absolute;bottom:0;right:5%;font-family:var(--serif);font-size:clamp(110px,14vw,220px);z-index:2;opacity:.17;line-height:1}.art-index span{color:var(--gold)}
/* index */
.contents-art{background-position:50% 45%}.contents-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,11,.2),rgba(0,0,0,.18) 55%,rgba(5,7,12,.83));z-index:1}.sidefolio{position:absolute;top:42px;left:37px;z-index:2;font-size:9px;letter-spacing:.26em;writing-mode:vertical-rl;color:#e9dbc9}.contents-photo-copy{position:absolute;left:clamp(35px,4.8vw,88px);bottom:clamp(38px,5vw,90px);z-index:2;color:#fff}.contents-photo-copy .micro{color:#f0ceb0}.contents-photo-copy h2{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;font-size:clamp(47px,5.7vw,99px);line-height:.96;margin:19px 0 35px}.small-rule{height:1px;width:60px;background:var(--gold)}.contents-photo-copy p{font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.15;margin-top:14px}.contents-list .padding-block{padding-inline:clamp(30px,4.8vw,82px)}.chapter-list{margin:auto 0}.chapter-link{display:grid;grid-template-columns:33px 1fr 80px 25px;align-items:center;gap:19px;padding:clamp(13px,2.5vh,28px) 0;width:100%;background:none;border:0;border-top:1px solid #d2c8b8;text-align:left;transition:padding .3s var(--ease),background .3s}.chapter-link:last-child{border-bottom:1px solid #d2c8b8}.chapter-link:hover{padding-left:8px;background:#efe9dd}.chapter-num{font-family:var(--serif);font-size:21px;color:#b18a5c;align-self:start;padding-top:5px}.chapter-body{display:flex;flex-direction:column;gap:11px;min-width:0}.chapter-body strong{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;font-size:clamp(34px,4.4vw,75px);line-height:.85}.chapter-body small{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#726e68}.chapter-photo{display:block;width:80px;height:80px;object-fit:cover;background-size:cover;background-position:center}.design-thumb{background-image:url('../images/design.webp')}.digital-thumb{background-image:url('../images/digital.webp')}.intel-thumb{background-image:url('../images/intelligence.webp')}.chapter-arrow{font-size:19px;color:#7b6a59}.contents-end{display:flex;justify-content:space-between;color:#6c6760;gap:10px}
/* chapter typography */
.discipline-copy .padding-block{padding-bottom:clamp(30px,3.6vw,72px)}.discipline-intro{margin:auto 0 0;position:relative}.chapter-glyph{position:absolute;left:-12px;top:-140px;z-index:-1;font-family:var(--serif);font-size:clamp(160px,16vw,275px);line-height:1;color:#dfd5c7;opacity:.65}.discipline-intro h2,.studio-message h2{font-family:var(--serif);font-size:clamp(57px,6.4vw,112px);font-weight:400;letter-spacing:-.075em;line-height:.91}.discipline-intro h2 em,.studio-message h2 em{font-weight:400;color:#a98455}.discipline-intro p,.studio-message p{font-family:var(--sans);font-size:clamp(12px,1.14vw,17px);line-height:1.56;max-width:360px;color:#5d605d}.discipline-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-top:auto;padding-top:28px}.mini-vertical-gallery{display:flex;align-items:center;gap:15px;color:#575a57;max-width:52%}.mvg-photo{height:67px;width:67px;flex-shrink:0;background:url('../images/design.webp') center / cover;filter:saturate(.7)}.mini-vertical-gallery span{font-size:9px;line-height:1.5;letter-spacing:.13em}.digital-copy .mvg-photo{background-image:url('../images/digital.webp')}.intelligence-copy .mvg-photo{background-image:url('../images/intelligence.webp')}
/* actual BRAND COLLATERAL / design visuals */
.design-art{background-position:54% 47%;background-color:#c7b49c}.design-art-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(219,207,188,.16),rgba(24,16,15,.13));z-index:1}.paper-top-label{position:absolute;top:35px;left:38px;color:#fff;z-index:4;font-size:9px;letter-spacing:.25em;text-shadow:0 1px 4px #3e2b21}.identity-object{position:absolute;box-shadow:15px 27px 42px rgba(25,19,16,.40);transform-style:preserve-3d;transition:transform .9s var(--ease)}.identity-poster{top:19%;left:20%;width:54%;height:62%;display:flex;flex-direction:column;justify-content:space-between;background:#eee7db;color:#0f1723;z-index:2;transform:rotate(-10deg);padding:clamp(20px,2.3vw,40px)}.identity-poster .poster-small{font-family:var(--serif);font-size:clamp(17px,1.5vw,25px);letter-spacing:.26em}.poster-small i{font-family:var(--sans);font-size:7px;vertical-align:super}.identity-poster .poster-big{font-family:var(--serif);font-size:clamp(43px,6.8vw,115px);line-height:.75;letter-spacing:-.11em}.identity-poster .poster-foot{font-size:8px;letter-spacing:.13em;line-height:1.8}.identity-card{right:9%;bottom:12%;z-index:3;width:44%;height:37%;background:linear-gradient(140deg,#1b2530,#0b1016);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,2.2vw,39px);color:#e8d3b3;transform:rotate(11deg);border:1px solid #99764c}.identity-card .card-symbol{font-family:var(--serif);font-size:clamp(82px,10vw,178px);line-height:1;align-self:center;transform:translateY(-.06em)}.card-label{font-family:var(--serif);font-size:clamp(20px,2.4vw,44px);letter-spacing:.3em}.card-foot{font-size:7px;letter-spacing:.12em;line-height:1.5}.design-art:hover .identity-poster{transform:rotate(-7deg) translate(-7px,-9px)}.design-art:hover .identity-card{transform:rotate(7deg) translate(9px,6px)}.identity-stamp{position:absolute;bottom:21px;left:33px;color:#f5e9d8;z-index:4;font-size:8px;letter-spacing:.2em;text-shadow:0 2px 5px #423a33}
/* digital product art - coded responsive composition */
.digital-art{background-position:center 40%;background-color:#10171e;color:white}.digital-matte{position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,13,21,.68),rgba(16,25,36,.18) 66%,rgba(2,6,13,.65));z-index:1}.art-edge-label{position:absolute;top:29px;left:32px;font-size:8px;letter-spacing:.24em;z-index:6;color:#e8d5b8}.product-window{position:absolute;left:9%;top:20%;width:79%;height:60%;background:#0b121b;border:1px solid #aa9375;z-index:2;box-shadow:13px 30px 55px #000b;transform:perspective(1200px) rotateY(-6deg) rotateZ(-1.8deg);transition:transform .7s var(--ease)}.digital-art:hover .product-window{transform:perspective(1200px) rotateY(-1deg) rotateZ(0)}.product-window-bar{height:42px;border-bottom:1px solid #4d5157;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#c3beb5;font-size:9px;letter-spacing:.15em}.product-window-bar .star-dot{color:var(--gold);margin-left:7px}.product-screen{position:relative;height:calc(100% - 42px);display:grid;grid-template-columns:54% 46%;padding:clamp(20px,2vw,35px);gap:5px;overflow:hidden}.product-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 40%,#2c4758 0,transparent 43%);opacity:.65}.screen-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:17px}.screen-micro{font-size:clamp(6px,.57vw,9px);letter-spacing:.15em;color:var(--gold2)}.screen-copy strong{font-family:var(--serif);font-size:clamp(33px,4.1vw,73px);font-weight:400;letter-spacing:-.06em;line-height:.91}.screen-copy strong em{color:#d7be98}.screen-btn{font-size:clamp(6px,.51vw,8px);letter-spacing:.15em;display:flex;gap:10px;align-items:center;margin-top:12px}.screen-btn b{font-size:15px;font-weight:400;border:1px solid #b6b0aa;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.screen-art{position:relative;background-image:url('../images/design.webp');background-size:cover;background-position:center;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);border-radius:40% 0 0 0;filter:grayscale(.25) contrast(1.15)}.screen-issue{position:absolute;right:18px;bottom:9px;font-size:6px;letter-spacing:.2em;color:#e0ded8}.phone-product{position:absolute;left:67%;top:39%;height:50%;width:24%;z-index:4;background:#080e16;border:5px solid #4d5358;border-radius:25px;box-shadow:9px 12px 27px #000b;transform:rotate(8deg);padding:9px 6px;transition:transform .7s var(--ease)}.digital-art:hover .phone-product{transform:rotate(3deg) translateY(-4px)}.phone-top{display:flex;justify-content:space-between;padding:5px;color:#f8f1e8;font-size:6px;letter-spacing:.16em}.phone-inner{height:calc(100% - 20px);padding:7px;display:flex;flex-direction:column;gap:8px}.phone-label{font-size:5px;letter-spacing:.13em;color:#dab889}.phone-inner strong{font-family:var(--serif);font-size:clamp(20px,2.7vw,46px);font-weight:400;line-height:.91}.phone-image{margin-top:5px;height:42%;background:url('../images/studio.webp') center/cover}.phone-bottom{font-size:5px;letter-spacing:.1em}.art-caption{position:absolute;bottom:21px;left:33px;font-size:8px;letter-spacing:.19em;color:#eee5d8;z-index:5}
/* intelligence: live visible workflow */
.intelligence-art{background-position:center 50%;background-color:#090f1c}.intelligence-darken{position:absolute;inset:0;background:rgba(2,11,23,.67);z-index:1}.flow-layout{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,4.5vw,74px)}.flow-intro{position:relative;z-index:4;align-self:flex-start}.flow-intro span{font-size:10px;color:var(--gold2);letter-spacing:.2em}.flow-intro strong{display:block;margin-top:14px;font-family:var(--serif);font-size:clamp(42px,4.5vw,78px);font-weight:400;line-height:.95;letter-spacing:-.055em}.flow-map{position:relative;height:235px;min-height:160px;width:100%;margin:10px 0 16px}.flow-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.flow-path{fill:none;stroke:#b28d5d;stroke-width:2;opacity:.68}.flow-run{stroke:#ffdb9b;stroke-width:3;stroke-dasharray:16 25;stroke-linecap:round;animation:flow-travel 7s linear infinite;filter:drop-shadow(0px 0px 5px #f8b66a)}@keyframes flow-travel{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}.flow-node{position:absolute;top:50%;transform:translate(-50%,-45%);display:flex;flex-direction:column;align-items:center;gap:9px;z-index:5}.flow-node-one{left:14%}.flow-node-two{left:51%}.flow-node-three{left:87%}.flow-node-icon{height:clamp(48px,5.3vw,83px);width:clamp(48px,5.3vw,83px);display:grid;place-items:center;border:1px solid #d1a56c;border-radius:50%;font-size:clamp(21px,2.8vw,41px);color:#ffddb2;background:radial-gradient(circle at center,#253345,#09131fd9);box-shadow:0 0 0 6px #bd92581b,0 0 31px #c28e562b}.flow-node small{font-size:8px;color:#d3b891}.flow-node strong{font-size:9px;letter-spacing:.15em;font-weight:600}.flow-output{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #a89b8759;padding-top:19px;font-size:8px;letter-spacing:.2em;color:#cfc0aa}.live-indicator{display:inline-block;width:7px;height:7px;background:#d5ad72;border-radius:100%;box-shadow:0 0 12px #d5ad72;animation:live-breathe 2s ease-in-out infinite}.flow-output span:nth-child(2){margin-right:auto}@keyframes live-breathe{50%{opacity:.4;box-shadow:0 0 3px #b78f60}}.glow-ring{position:absolute;width:280px;height:280px;border:1px solid #a38c653a;border-radius:50%;z-index:2;pointer-events:none;top:23%;left:25%;transform:rotate(-18deg) scaleY(.65)}.ring-b{width:405px;height:405px;top:11%;left:18%;border-color:#907e5638;transform:rotate(24deg) scaleY(.61)}
/* last page */
.studio-art{background-position:center 37%}.studio-matte{position:absolute;inset:0;background:linear-gradient(0deg,#040a14ca,transparent 55%);z-index:1}.studio-image-quote{position:absolute;z-index:3;bottom:10%;left:10%;font-family:var(--serif);font-size:clamp(49px,5.6vw,94px);font-style:italic;letter-spacing:-.07em;line-height:.93;color:#f2e6d4}.studio-copy .padding-block{padding-inline:clamp(30px,5vw,88px)}.studio-message{margin:auto 0}.studio-message h2{font-size:clamp(66px,6.6vw,116px)}.studio-bottom{display:flex;flex-direction:column;gap:17px}.contact-line{font-family:var(--serif);font-size:clamp(26px,3.5vw,65px);letter-spacing:-.045em;border-bottom:1px solid #c0b5a6;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px}.contact-line span:last-child{font-family:var(--sans);font-size:23px;color:#ab8755;transition:transform .3s}.contact-line:hover span:last-child{transform:translate(4px,-4px)}.studio-bottom>.micro:last-child{margin-top:14px;color:#81776b}
/* mobile page designs are not stretched desktop layouts */
.mobile-spread{display:none}
/* physical page turn: the front of the old right page flips onto the left, showing the back as the new left page */
.flip-overlay{position:absolute;inset:0;perspective:2000px;display:none;pointer-events:none;z-index:30;transform-style:preserve-3d}.flip-overlay.is-flipping{display:block}.base-leaf{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;box-shadow:inset 0 0 28px #0003}.base-left{left:0}.base-right{right:0}.base-leaf>.leaf{height:100%;width:100%}.flip-sheet{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(0deg);will-change:transform}.flip-side{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat}.flip-side>.leaf{height:100%;width:100%}.flip-front{transform:rotateY(0deg)}.flip-front:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000 53%,#0002 95%,#0008);pointer-events:none;z-index:12}.flip-back{transform:rotateY(180deg)}.flip-back:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0005,#0000 52%,#0001);pointer-events:none;z-index:12}.paper-rim{position:absolute;left:-2px;top:0;height:100%;width:3px;background:#cdbda5;z-index:13;transform:translateZ(1px)}.flip-overlay.turn-back .flip-sheet{left:0;transform-origin:right center}.flip-overlay.turn-back .paper-rim{left:auto;right:-2px}.book-shadow{position:absolute;left:calc(50% - 8px);top:0;height:100%;width:16px;z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#0003,#0000)}.flip-overlay.is-flipping .flip-sheet{transition:transform 980ms cubic-bezier(.28,.12,.2,.98)}.flip-overlay.is-flipping.has-drag .flip-sheet{transition:none}.flip-overlay.is-flipping.is-ending .flip-sheet{transition:transform 860ms cubic-bezier(.40,.08,.58,.95)}.edge{position:absolute;z-index:8;top:17%;height:68%;width:26px;background:transparent;border:0;opacity:0}.edge-left{left:0}.edge-right{right:0}
/* bottom UI */
.page-controls{display:flex;gap:11px}.nav-control{background:transparent;border:1px solid #61594d;border-radius:50%;height:40px;width:40px;font-size:20px;display:grid;place-items:center;transition:background .2s,border-color .2s}.nav-control:not(:disabled):hover{background:#2e2c2d;border-color:var(--gold)}.page-status{display:flex;align-items:center;gap:26px;flex:1}.page-status>span{font-size:10px;letter-spacing:.2em;color:#d7cec3;white-space:nowrap;min-width:51px}.chapter-progress{display:flex;gap:7px;align-items:center;width:min(345px,100%)}.progress-dot{width:100%;min-width:13px;height:25px;background:transparent;padding:0;border:0;display:grid;align-items:center}.progress-dot:before{content:"";height:2px;width:100%;background:#5a5550;transition:background .2s,height .2s}.progress-dot.active:before{background:var(--gold2);height:3px}.progress-dot.is-read:before{background:#a58b69}.gesture-hint{font-size:9px;color:#858078;letter-spacing:.18em;text-align:right;white-space:nowrap}
/* slide-in full screen chapter picker */
.toc{position:absolute;inset:68px 0 70px;background:var(--ink);z-index:60;padding:clamp(25px,4vw,75px);display:flex;flex-direction:column;gap:25px;transform:translateX(102%);opacity:0;visibility:hidden;transition:transform .75s var(--ease),opacity .5s,visibility 0s .8s;box-shadow:-20px 0 40px #0004}.toc.is-open{transform:translateX(0);opacity:1;visibility:visible;transition:transform .7s var(--ease),opacity .5s,visibility 0s}.toc-head{display:flex;align-items:center;justify-content:space-between}.toc-close{background:none;border:1px solid #766654;border-radius:50%;width:38px;height:38px;font-size:27px;line-height:1}.toc-main{flex:1;min-height:0;display:grid;grid-template-columns:43% 1fr;align-items:center;gap:4vw}.toc-intro h2{font-family:var(--serif);font-size:clamp(68px,7vw,124px);font-weight:400;line-height:.93;letter-spacing:-.072em;margin:20px 0}.toc-deco{width:70%;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.toc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.toc-entry{min-height:clamp(93px,13vh,155px);background:#161d27;border:1px solid #393a3a;text-align:left;display:flex;flex-direction:column;padding:23px;position:relative;transition:background .2s,transform .2s}.toc-entry:hover{background:#222c38;transform:translateY(-3px)}.toc-entry>span{font-size:9px;color:var(--gold);letter-spacing:.21em}.toc-entry strong{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,57px);letter-spacing:-.04em;margin:auto 0}.toc-entry em{position:absolute;right:20px;bottom:18px;color:#dcb98a}.toc-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#9f9b92}
/* tablet / compact desktop */
@media(max-width:1020px){.app{grid-template-rows:60px minmax(0,1fr) 62px}.toc{top:60px;bottom:62px}.journal-name{display:none}.padding-block{padding:clamp(21px,4vw,49px)}.masthead{font-size:clamp(68px,9.5vw,130px)}.cover-bottom{flex-direction:column;align-items:flex-start}.cover-statement{font-size:clamp(29px,3.5vw,46px)}.chapter-link{grid-template-columns:23px 1fr 48px 19px;gap:9px}.chapter-photo{height:48px;width:48px}.chapter-body strong{font-size:clamp(30px,4.7vw,58px)}.discipline-intro h2{font-size:clamp(47px,7vw,77px)}.discipline-foot .mini-vertical-gallery{display:none}.identity-poster{left:14%;width:68%}.identity-card{right:6%;width:52%}.screen-copy strong{font-size:clamp(28px,5vw,58px)}.flow-layout{padding:26px}.flow-node strong{font-size:7px}.gesture-hint{display:none}}
@media(max-height:700px) and (min-width:761px){.cover-title-wrap{transform:none}.masthead{font-size:clamp(66px,8.8vw,146px)}.cover-statement{font-size:clamp(28px,3.1vw,50px)}.discipline-intro h2{font-size:clamp(52px,5.7vw,93px)}.discipline-foot{margin-top:20px}.mini-vertical-gallery{display:none}.contents-photo-copy h2{font-size:clamp(44px,5vw,75px)}.chapter-link{padding:13px 0}.identity-poster{height:66%;top:12%}.identity-card{bottom:9%}.flow-map{height:190px}.studio-message h2{font-size:clamp(48px,5.9vw,90px)}}
/* mobile is an app-style magazine page, not a 2-page desktop spread squeezed vertically */
@media(max-width:760px){
 .app{max-height:none;min-height:0;grid-template-rows:55px minmax(0,1fr) 62px;border:0}.topbar{padding:0 18px}.brand{font-size:17px;letter-spacing:.26em;gap:9px}.brand-mark{font-size:26px;width:26px;height:28px}.brand-mark i{width:30px;height:10px;top:8px;left:-2px}.top-actions{gap:11px}.language-switch{gap:4px;font-size:10px}.menu-button{width:35px;height:35px}.book{perspective:1250px}.desktop-spread{display:none}.mobile-spread{position:relative;display:flex;width:100%;height:100%;overflow:hidden;isolation:isolate}.mobile-bg{position:absolute;inset:0;background-image:var(--photo);background-size:cover;background-position:center;z-index:-2}.mobile-shade{position:absolute;inset:0;background:linear-gradient(180deg,#040b12af,transparent 25%,#06101bab 52%,#040a12 100%);z-index:-1}.mobile-topline,.mobile-feature-top{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;top:clamp(18px,4vh,35px);left:23px;right:23px;font-size:9px;letter-spacing:.21em;line-height:1.3;color:#f0e8da}.mobile-topline{color:#e5d2b3}.mobile-cover{flex-direction:column;color:#fff}.mobile-cover .mobile-bg{background-position:50% 28%}.mobile-cover .mobile-shade{background:linear-gradient(180deg,#0307115e,#04111b5c 27%,#05091020 45%,#040a14d9 72%,#020810f7)}.mobile-cover-middle{position:absolute;top:13%;left:24px;right:24px}.mobile-cover-middle h1{font-size:clamp(78px,21vw,126px);font-family:var(--serif);font-weight:400;letter-spacing:-.09em;line-height:.85}.mobile-cover-middle h1 span{color:var(--gold2)}.edition-label{margin-top:15px;font-size:9px;letter-spacing:.28em}.mobile-cover-bottom{position:absolute;left:24px;right:24px;bottom:clamp(24px,5.6vh,60px)}.mobile-cover-bottom h2{font-family:var(--serif);font-size:clamp(45px,12vw,79px);font-weight:400;line-height:.95;letter-spacing:-.056em;margin:17px 0 25px}.mobile-cta{width:100%;display:flex;justify-content:space-between;align-items:center;background:#eee6d8;color:#0e151d;border:0;border-radius:2px;padding:15px 17px;font-size:10px;letter-spacing:.16em;font-weight:600}.mobile-cta span:last-child{font-size:20px;font-weight:400}.micro{font-size:9px}.mobile-index{background:var(--paper);color:#0c1118;flex-direction:column;justify-content:center;padding:clamp(20px,5vw,28px) 23px;gap:20px}.mobile-index-top{flex:none}.mobile-index-top h2{font-family:var(--serif);font-weight:400;font-size:clamp(56px,15vw,91px);letter-spacing:-.07em;line-height:.85;margin:13px 0 10px}.mobile-index-top p{font-family:var(--serif);font-size:17px;font-style:italic;color:#65635c}.mobile-chapters{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:9px;flex:1;max-height:420px;min-height:0}.mobile-chapter{display:flex;align-items:stretch;position:relative;min-height:0;overflow:hidden;background:#0f1721;color:#eee8da;border:0;text-align:left;gap:15px}.mobile-chapter-image{width:37%;height:100%;flex:none;background-position:center;background-size:cover;filter:contrast(1.03)}.mobile-chapter:after{content:"";position:absolute;left:37%;top:0;width:12px;height:100%;background:linear-gradient(90deg,#0004,transparent)}.mobile-chapter-txt{display:flex;justify-content:center;flex-direction:column;gap:4px;min-width:0}.mobile-chapter-txt small{font-size:8px;letter-spacing:.14em;color:var(--gold2)}.mobile-chapter-txt strong{font-family:var(--serif);font-weight:400;font-size:clamp(30px,9vw,49px);line-height:.97;letter-spacing:-.045em}.mobile-chapter-txt em{font:normal 9px var(--sans);letter-spacing:.04em;color:#c4bdb1}.mobile-chapter-arrow{position:absolute;bottom:10px;right:10px;font-size:16px;color:var(--gold2)}.mobile-index-footer{color:#80796c;letter-spacing:.17em;font-size:8px}.mobile-feature{color:#fff;flex-direction:column}.mobile-feature .mobile-bg{background-position:center 41%;filter:saturate(.88) contrast(1.1)}.mobile-feature .mobile-shade{background:linear-gradient(180deg,#090c12ac 0,transparent 23%,#0d11172b 47%,#071019dd 62%,#030811 100%)}.mobile-feature-bottom{position:absolute;left:23px;right:23px;bottom:clamp(22px,5vh,52px);z-index:5}.mobile-feature-bottom h2{font-family:var(--serif);font-size:clamp(56px,14vw,83px);letter-spacing:-.062em;font-weight:400;line-height:.89;margin:13px 0 16px;max-width:95%}.mobile-feature-bottom p{font-size:12px;color:#eee6dd;letter-spacing:.02em;margin-right:35px}.mini-next{position:absolute;right:0;bottom:-6px;background:#e8d5bb;color:#17202b;border:0;border-radius:50%;font-size:22px;width:41px;height:41px;display:grid;place-items:center}.mobile-design .mobile-bg{background-position:50% 50%}.mobile-design-art{position:absolute;top:16%;left:12%;width:76%;height:40%;z-index:3;transform:rotate(-4deg)}.mobile-identity-card{position:absolute;background:linear-gradient(135deg,#101824,#050c16);border:1px solid #9e825e;box-shadow:15px 17px 29px #0008;left:7%;top:10%;width:66%;height:82%;transform:rotate(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:11px 13px;color:#efd4a8}.mobile-identity-card>span{font-size:10px;font-family:var(--serif);letter-spacing:.23em}.mobile-identity-card strong{font-family:var(--serif);font-weight:400;font-size:clamp(85px,29vw,180px);line-height:.9}.mobile-identity-card em{font-size:7px;font-family:var(--sans);letter-spacing:.13em}.mobile-identity-paper{position:absolute;right:0;bottom:4%;width:46%;height:69%;background:#eee7db;color:#121821;box-shadow:8px 10px 17px #0006;transform:rotate(13deg);font-family:var(--serif);font-size:clamp(24px,7vw,45px);letter-spacing:-.05em;line-height:.91;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.mobile-identity-paper i{font-size:13px;color:#8b744f}.mobile-digital .mobile-bg{background-position:center 28%}.mobile-digital-scene{position:absolute;left:8%;right:10%;top:16%;height:42%;z-index:4}.m-browser{position:absolute;left:0;top:0;width:86%;height:80%;background:#0f1a25;box-shadow:10px 20px 30px #000a;border:1px solid #c6b396;transform:rotate(-6deg);overflow:hidden}.m-browser-top{display:flex;justify-content:space-between;align-items:center;padding:13px;font-size:9px;letter-spacing:.18em;border-bottom:1px solid #7b766d70}.m-browser-top span{font-size:8px}.m-browser-main{padding:16px;position:relative;height:88%;display:flex;flex-direction:column;gap:10px}.m-browser-main>span{font-size:7px;letter-spacing:.14em;color:var(--gold2)}.m-browser-main strong{font-family:var(--serif);font-weight:400;font-size:clamp(32px,10vw,55px);line-height:.9}.m-browser-img{position:absolute;right:-2px;bottom:0;width:55%;height:86%;border-radius:50% 0 0 0;background:url('../images/design.webp') center/cover;filter:grayscale(.35)}.m-phone{position:absolute;right:-2%;top:28%;width:32%;height:77%;border:4px solid #4b535c;background:#09121c;border-radius:15px;box-shadow:6px 9px 20px #000b;transform:rotate(9deg);padding:9px;display:flex;flex-direction:column;gap:15px}.m-phone span{font-size:7px;letter-spacing:.15em}.m-phone strong{font-family:var(--serif);font-size:clamp(21px,7vw,44px);font-weight:400;line-height:.9}.m-phone div{background:url('../images/studio.webp') center/cover;height:39%;margin-top:auto}.mobile-intelligence .mobile-bg{background-position:center 40%}.mobile-intelligence-flow{position:absolute;top:23%;left:6%;width:88%;height:22%;display:flex;align-items:center;justify-content:space-around;z-index:3}.mobile-flow-line{position:absolute;left:13%;right:13%;height:1px;background:linear-gradient(90deg,var(--gold),#e8d8bd,var(--gold));box-shadow:0 0 18px #dabb8d}.mini-ai-node{height:clamp(66px,20vw,99px);width:clamp(66px,20vw,99px);background:radial-gradient(circle at center,#233b55,#0c1522);border:1px solid #d4a872;border-radius:50%;box-shadow:0 0 0 7px #e4b87718,0 0 15px #d8a56647;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.mini-ai-node span{font-family:var(--serif);font-size:18px;color:var(--gold2)}.mini-ai-node strong{font-size:8px;letter-spacing:.14em}.mini-ai-node.active-ai{box-shadow:0 0 0 12px #e4b87719,0 0 35px #d8a5668a;animation:live-breathe 3s infinite}.mobile-flow-pulse{position:absolute;left:13%;top:50%;width:11px;height:11px;border-radius:50%;background:#f6d09a;box-shadow:0 0 18px #fddba4;animation:pulse-through 3.2s linear infinite}@keyframes pulse-through{0%{left:13%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:84%;opacity:0}}.mobile-studio{display:flex;flex-direction:column;color:white}.mobile-studio .mobile-bg{background-position:center 39%}.mobile-studio .mobile-shade{background:linear-gradient(180deg,#06111cb2,#07121c33 45%,#06111be8 76%,#06111cf7)}.mobile-studio-center{position:absolute;left:23px;right:23px;bottom:25%;z-index:3}.mobile-studio-center h2{font-family:var(--serif);font-size:clamp(67px,17vw,113px);font-weight:400;line-height:.86;letter-spacing:-.062em;margin:17px 0}.mobile-studio-center p{font-size:12px;letter-spacing:.08em}.mobile-contact{position:absolute;left:23px;right:23px;bottom:12%;border-block:1px solid #c9bca38d;padding:16px 0;display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:clamp(29px,7vw,48px);letter-spacing:-.03em}.mobile-contact span:last-child{font-family:var(--sans);font-size:23px;color:var(--gold2)}.mobile-studio-end{position:absolute;bottom:18px;left:23px;font-size:8px;letter-spacing:.2em;color:#c6b7a6}
 /* mobile 3D full-screen flip */
 .flip-overlay .base-left{width:100%;left:0}.flip-overlay .base-right{display:none}.flip-sheet{left:0;width:100%;transform-origin:left center;filter:drop-shadow(-6px 0 20px #0408119c)}.flip-overlay.turn-back .flip-sheet{left:0;transform-origin:right center}.base-leaf>.mobile-spread,.flip-side>.mobile-spread{width:100%;height:100%;display:flex}.flip-side>.leaf,.base-leaf>.leaf{display:none}.paper-rim{width:2px}.book-shadow{display:none}.edge{width:18px}
 .bottom-bar{gap:12px;padding:0 15px}.page-controls{gap:8px}.nav-control{width:38px;height:38px}.page-status{gap:12px}.page-status>span{font-size:9px;min-width:43px}.chapter-progress{gap:4px}.progress-dot{min-width:9px}.gesture-hint{display:none}
 .toc{top:55px;bottom:62px;padding:23px;gap:13px}.toc-main{display:flex;flex-direction:column;gap:17px;align-items:stretch;justify-content:center}.toc-intro h2{font-size:clamp(52px,13vw,74px);line-height:.89;margin:9px 0}.toc-deco{display:none}.toc-grid{grid-template-columns:repeat(2,1fr);gap:9px;flex:1;min-height:0;max-height:455px}.toc-entry{min-height:0;padding:15px}.toc-entry strong{font-size:clamp(24px,7vw,37px)}.toc-entry span{font-size:7px}.toc-bottom{font-size:8px;gap:12px}
}
@media(max-width:400px){.mobile-index{gap:14px}.mobile-index-top h2{font-size:clamp(53px,14vw,67px)}.mobile-index-top p{font-size:15px}.mobile-chapters{gap:7px}.mobile-chapter-txt strong{font-size:clamp(28px,8vw,39px)}.mobile-cover-middle h1{font-size:clamp(72px,20vw,92px)}}
@media(max-height:700px) and (max-width:760px){.mobile-feature-bottom{bottom:15px}.mobile-feature-bottom h2{font-size:clamp(46px,11.5vw,68px);margin:8px 0}.mobile-feature-bottom p{font-size:10px}.mobile-digital-scene,.mobile-design-art{top:13%;height:39%}.mobile-intelligence-flow{top:20%}.mobile-cover-middle{top:11%}.mobile-cover-bottom{bottom:15px}.mobile-cover-bottom h2{font-size:clamp(40px,10vw,58px);margin:10px 0 13px}.mobile-cover .mobile-cta{padding:11px}.mobile-index{padding:13px 20px;gap:11px}.mobile-index-top h2{font-size:clamp(46px,11vw,70px);margin:8px 0}.mobile-index-top p{font-size:12px}.mobile-index-footer{display:none}.mobile-chapter-txt strong{font-size:clamp(25px,8vw,37px)}.mobile-studio-center{bottom:28%}.mobile-studio-center h2{font-size:clamp(53px,14vw,80px)}.mobile-contact{bottom:13%}.toc{padding:15px}.toc-intro h2{font-size:50px}.toc-grid{max-height:370px}.toc-entry{padding:11px}.toc-entry strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important}.flip-overlay{display:none!important}}

/* Search discoverability, kept editorial and unobtrusive. These are visible real links. */
.seo-explore{display:flex;gap:clamp(9px,1.2vw,19px);align-items:center;flex-wrap:wrap}.seo-explore a{color:#d3c1a5;font-size:9px;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.seo-explore a:hover{text-decoration:underline}.seo-dossier-link{font-size:10px;letter-spacing:.09em;align-self:flex-end;padding-bottom:13px;color:#7c603e;text-decoration:none;display:inline-flex;gap:8px;align-items:center;font-weight:700}.seo-dossier-link b{font-size:16px;font-weight:400}.seo-dossier-link:hover{text-decoration:underline}.seo-mobile-link{display:inline-block;font-size:10px;letter-spacing:.16em;color:#e9c594;margin-top:12px;font-weight:600;text-decoration:underline;text-underline-offset:5px;position:relative;z-index:6}.static-fallback{padding:1rem;background:#ede5d9;color:#111}.static-fallback a{color:inherit}
@media(max-width:1020px){.seo-dossier-link{align-self:flex-end}}
@media(max-width:760px){.toc-bottom{display:flex;flex-direction:column;gap:6px}.seo-explore{gap:8px 13px;line-height:1.4}.seo-explore a{font-size:8px}.seo-mobile-link{font-size:9px;margin-top:9px}.mobile-feature-bottom{padding-right:52px}}
@media(max-height:700px) and (max-width:760px){.seo-mobile-link{font-size:8px;margin-top:7px}.toc-bottom{gap:3px}}

/* SHAMIL V5: discreet photo + video pathway without adding a fourth main chapter. */
.mini-vertical-gallery.photo-teaser{max-width:53%;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.photo-teaser .mvg-photo{background:url('../images/photo-video.webp') center/cover;filter:saturate(.8);border:1px solid #c3ab88;box-shadow:0 2px 9px #b6a08d32}.photo-teaser:hover{opacity:.78}.photo-teaser span b{font-weight:400;color:#b18c5c}.photo-video-mobile-link{position:relative;z-index:8;display:inline-block;font-size:10px;letter-spacing:.13em;color:#f0d0a7;margin-top:6px;margin-bottom:5px;text-decoration:underline;text-underline-offset:4px}.toc-photo-inline{display:block;color:#e8c99c;font:600 9px/1.4 var(--sans);letter-spacing:.15em;margin:5px 0 6px 8px}.toc-photo-inline:hover{text-decoration:underline}.seo-explore [data-route="photo-video"]{font-weight:650;color:#e9cca3}.mobile-design .mobile-feature-bottom p{max-width:265px}
@media(max-width:760px){.photo-video-mobile-link{font-size:9px}.toc-photo-inline{font-size:8px}}
@media(max-height:700px) and (max-width:760px){.photo-video-mobile-link{margin-top:3px;font-size:8px}.mobile-design .mobile-feature-bottom h2{margin:6px 0}.mobile-design .seo-mobile-link{margin-top:4px}}