.magazine-shell{max-width:1540px;padding-inline:5%;padding-bottom:65px}.magazine-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:65px;margin:35px 0 36px}.magazine-heading h1{font-size:clamp(40px,5vw,72px);line-height:1.04;font-weight:300;letter-spacing:-.06em;direction:ltr;text-align:start;margin-top:18px}.magazine-heading h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}.magazine-intro>p:first-child{font-size:20px;line-height:1.6;font-weight:300;margin-bottom:13px}.magazine-intro>p:last-child{color:var(--muted);font-size:12px;line-height:1.9;max-width:430px}.mag-reader{border:1px solid #d2b5ae4a;border-radius:27px;padding:22px 26px 21px;background:linear-gradient(130deg,#3319193b,#100c0c60);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff0d,0 30px 70px #0003;scroll-margin-top:20px}.mag-reader-top{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 0 18px}.mag-reader-top .portfolio-kicker{font-size:9px}.mag-counter{font-size:11px;color:#dbc6bc;letter-spacing:.17em}.mag-canvas{position:relative;perspective:1600px;max-width:1250px;margin:auto;isolation:isolate;touch-action:pan-y}.mag-image-button{display:block;width:100%;aspect-ratio:4961/3508;padding:0;position:relative;border-radius:6px;overflow:hidden;box-shadow:0 16px 50px #0007;background:#100d0d;cursor:zoom-in}.mag-image-button img{display:block;width:100%;height:100%;object-fit:contain}.mag-image-button.is-turning{animation:mag-turn .36s ease-out}.mag-canvas::after{content:'';display:block;position:absolute;inset:auto 6% -10px;height:15px;background:#0008;filter:blur(14px);pointer-events:none;z-index:-1}.mag-image-button:hover img{filter:brightness(1.015)}.mag-page-status{font-size:11px;color:#d0b6ae;min-height:1.5em;text-align:center;padding-top:8px}.mag-reader-tools{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:15px}.mag-nav{display:flex;align-items:center;gap:15px;direction:ltr}.mag-arrow{border:1px solid #e5c1b546;border-radius:50%;width:43px;height:43px;font-size:23px;display:grid;place-items:center;background:#10090966}.mag-arrow:disabled{opacity:.25;cursor:default}.mag-range{width:150px;accent-color:#a4443e;cursor:pointer}.mag-page-number{min-width:50px;text-align:center;font-size:10px;color:var(--muted);direction:ltr}.mag-index-toggle,.mag-zoom-toggle{font-size:11px;line-height:1.7;display:inline-flex;align-items:center;gap:10px;padding:9px 0;color:#dec9c1}.mag-index-toggle::before{content:'▦';font-size:20px;color:#b99388}.mag-zoom-toggle{justify-self:end}.mag-zoom-toggle::before{content:'⌕';font-size:23px;color:#b99388}.mag-hint{color:var(--muted);font-size:11px;line-height:1.9;margin:21px 5px 35px}.mag-mobile-hint{display:none}.mag-index{padding:35px 0 15px;border-top:1px solid #c8a79f26}.mag-index h2{font-size:35px;font-weight:300;letter-spacing:-.04em;line-height:1.5}.mag-index>p{font-size:12px;color:var(--muted);line-height:1.9;margin:10px 0 28px}.mag-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.mag-index-item{min-width:0;text-align:start;position:relative}.mag-index-item img{display:block;width:100%;aspect-ratio:4961/3508;object-fit:contain;border:1px solid #bfa69b28;border-radius:6px;background:#100d0d}.mag-index-item[aria-current=true] img{border-color:#e2ada2;box-shadow:0 0 0 2px #8c302943}.mag-index-item span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:10px}.mag-ending{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;margin-top:30px;border-top:1px solid #c8a79f26}.mag-ending h2{font-size:25px;font-weight:300;letter-spacing:-.03em}.mag-dialog{margin:0;border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#080707fa;color:var(--text);overflow:hidden}.mag-dialog::backdrop{background:#000f}.mag-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 25px;height:70px;border-bottom:1px solid #e6cbb318}.mag-dialog-header p{font-size:12px}.mag-dialog-close{width:37px;height:37px;border-radius:50%;border:1px solid #dbc6bc55;font-size:24px}.mag-zoom-scroll{height:calc(100dvh - 145px);width:100%;overflow:auto;overscroll-behavior:contain;cursor:grab;touch-action:pan-x pan-y}.mag-zoom-scroll.is-dragging{cursor:grabbing;user-select:none}.mag-zoom-canvas{position:relative;min-width:100%;min-height:100%}.mag-zoom-image{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:block;max-width:none;user-select:none;-webkit-user-drag:none}.mag-dialog-footer{height:75px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 22px;border-top:1px solid #e6cbb318}.mag-dialog-footer button{border:1px solid #d5b7aa44;border-radius:25px;min-width:36px;padding:9px 12px;font-size:11px}.mag-dialog-footer [data-mag-zoom-out],.mag-dialog-footer [data-mag-zoom-in]{font-size:19px;padding:4px 10px}.mag-dialog-footer output{font-size:11px;min-width:38px;direction:ltr}.mag-dialog-footer a{font-size:10px;color:var(--muted);border-bottom:1px solid #b69b8d55;padding-bottom:4px}.mag-zoom-loading{position:absolute;inset:70px 20px auto;text-align:center;padding:12px;font-size:12px;background:#160e0ebf;pointer-events:none;z-index:1}.mag-open{overflow:hidden}
[dir=rtl] .magazine-shell{font-family:'Segoe UI',Tahoma,sans-serif}[dir=rtl] .magazine-heading h1{text-align:end}[dir=rtl] .magazine-shell .portfolio-kicker{letter-spacing:0}[dir=rtl] .magazine-intro>p:last-child{font-size:14px;line-height:2.1}[dir=rtl] .mag-hint{font-size:12px}[dir=rtl] .mag-index h2,[dir=rtl] .mag-ending h2{letter-spacing:0}[dir=rtl] .mag-index>p{font-size:14px;line-height:2}
@keyframes mag-turn{from{opacity:.6;transform:rotateY(-5deg) translateX(5px)}to{opacity:1;transform:rotateY(0) translateX(0)}}
@media(max-width:1000px){.magazine-heading{gap:30px}.magazine-heading h1{font-size:52px}.mag-reader{padding:18px}.mag-range{width:95px}.mag-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mag-reader-tools{gap:12px}.mag-index-toggle,.mag-zoom-toggle{font-size:10px}.mag-nav{gap:10px}.mag-arrow{width:36px;height:36px}.mag-page-number{min-width:35px}}
@media(max-width:760px){.magazine-shell{padding-inline:5%}.magazine-heading{grid-template-columns:1fr;gap:25px;margin-top:25px}.magazine-heading h1{font-size:48px}.magazine-intro>p:first-child{font-size:20px}.magazine-intro>p:last-child{font-size:13px}.mag-reader{padding:13px;border-radius:18px}.mag-reader-top{padding-bottom:13px}.mag-reader-top .portfolio-kicker{font-size:8px}.mag-reader-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:12px}.mag-nav{order:-1;flex-basis:100%;justify-content:center;padding-bottom:3px;gap:14px}.mag-range{width:120px}.mag-index-toggle,.mag-zoom-toggle{font-size:10px;padding-block:5px}.mag-image-button{border-radius:3px}.mag-page-status{font-size:10px}.mag-counter{font-size:9px}.mag-mobile-hint{display:block}.mag-hint{font-size:11px;margin-bottom:28px}.mag-index h2{font-size:29px}.mag-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.mag-ending{display:block}.mag-ending h2{font-size:25px;line-height:1.6}.mag-ending .portfolio-link{margin-top:20px}.mag-dialog-header{padding-inline:16px}.mag-dialog-footer{gap:10px;padding-inline:10px;flex-wrap:wrap}.mag-dialog-footer a{font-size:9px}.mag-dialog-footer button{font-size:10px}.mag-dialog-footer output{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mag-image-button.is-turning{animation:none}}
