body.magazine-open{overflow:hidden}
#digital-magazine.digital-magazine{--mag-page-w:520px;--mag-page-h:706px;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:rgba(13,16,20,0);color:#0f0f0f;overflow:hidden;opacity:0;transition:opacity .52s cubic-bezier(.22,.61,.36,1),background-color .58s cubic-bezier(.22,.61,.36,1)}
#digital-magazine::backdrop{background:transparent}
#digital-magazine.is-visible{opacity:1;background:rgba(13,16,20,.94)}
#digital-magazine .magazine-shell{width:100%;height:100%;display:grid;grid-template-rows:58px minmax(0,1fr) 74px;position:relative;overflow:visible;opacity:0;transform:translateY(10px) scale(.994);transition:opacity .5s cubic-bezier(.22,.61,.36,1) .06s,transform .62s cubic-bezier(.22,.61,.36,1) .04s}
#digital-magazine.is-visible .magazine-shell{opacity:1;transform:none}
#digital-magazine .magazine-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;color:#f5f5f5;position:relative;z-index:20}
#digital-magazine .magazine-kicker,#digital-magazine .magazine-position{margin:0;color:#d7d7d7;font-size:11px;line-height:1;letter-spacing:1.6px;text-transform:uppercase}
#digital-magazine .magazine-position{justify-self:center;letter-spacing:.9px}
#digital-magazine .magazine-close{justify-self:end;position:relative;width:44px;height:44px;border:0;border-radius:50%;background:#fcfcfc;color:#0f0f0f;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
#digital-magazine .magazine-close:hover{transform:scale(1.04);background:#f4f4f4}
#digital-magazine .magazine-close span{position:absolute;left:13px;right:13px;top:21px;height:1.5px;background:currentColor;border-radius:2px}
#digital-magazine .magazine-close span:first-child{transform:rotate(45deg)}
#digital-magazine .magazine-close span:last-child{transform:rotate(-45deg)}
#digital-magazine .magazine-stage{min-height:0;display:grid;place-items:center;padding:18px 44px;perspective:2600px;perspective-origin:center center;overflow:visible}
#digital-magazine .magazine-stage,#digital-magazine .magazine-stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#digital-magazine .magazine-page,#digital-magazine .magazine-page *{-webkit-user-drag:none}
#digital-magazine .magazine-desktop-book{display:grid;place-items:center;min-width:0;position:relative;isolation:isolate;filter:drop-shadow(0 24px 30px rgba(0,0,0,.18)) drop-shadow(0 8px 12px rgba(0,0,0,.12))}
#digital-magazine .magazine-viewport{position:relative;width:var(--mag-page-w);height:var(--mag-page-h);overflow:visible;transition:width .82s cubic-bezier(.2,.72,.18,1);perspective:2600px;perspective-origin:center center}
#digital-magazine .magazine-book{--mag-spine-opacity:.18;position:absolute;left:0;top:0;width:calc(var(--mag-page-w) * 2);height:var(--mag-page-h);transform:translateX(calc(var(--mag-page-w) * -1));transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.72,.18,1)}
#digital-magazine .magazine-page{position:absolute;top:0;width:var(--mag-page-w);height:var(--mag-page-h);overflow:hidden;box-shadow:0 1px 1px rgba(15,15,15,.05),0 18px 34px -28px rgba(0,0,0,.42)}
#digital-magazine .magazine-surface--cover{background:#fcfcfc}
#digital-magazine .magazine-surface--profile{background:#f3f1f0}
#digital-magazine .magazine-surface--contact{background:#f8f7f6}
#digital-magazine .magazine-page--right{left:calc(var(--mag-page-w) - 2px);width:calc(var(--mag-page-w) + 2px);box-shadow:12px 20px 34px -30px rgba(0,0,0,.36)}
#digital-magazine .magazine-leaf{--mag-turn:0;--mag-shadow-opacity:0;--mag-fold-highlight:0;position:absolute;left:var(--mag-page-w);top:0;width:var(--mag-page-w);height:var(--mag-page-h);z-index:6;transform-origin:left center;transform-style:preserve-3d;cursor:grab;touch-action:none;transition:transform .82s cubic-bezier(.2,.72,.18,1);will-change:transform}
#digital-magazine .magazine-leaf:active{cursor:grabbing}
#digital-magazine .magazine-leaf-face{inset:0;left:0!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}
#digital-magazine .magazine-leaf-face--front{transform:rotateY(0deg) translateZ(.35px);box-shadow:10px 18px 34px -26px rgba(0,0,0,.5),inset 1px 0 0 rgba(255,255,255,.7)}
#digital-magazine .magazine-leaf-face--back{left:-3px!important;width:calc(var(--mag-page-w) + 3px);transform:rotateY(180deg) translateZ(.35px);box-shadow:inset -22px 0 28px -30px rgba(15,15,15,.5),-10px 18px 34px -26px rgba(0,0,0,.38)}
#digital-magazine .magazine-page--profile-static{left:0;z-index:5;visibility:hidden;box-shadow:none!important;transform:none!important;backface-visibility:visible;-webkit-backface-visibility:visible}
#digital-magazine .magazine-profile-hit{position:absolute;left:0;top:0;width:var(--mag-page-w);height:var(--mag-page-h);z-index:9;pointer-events:none;cursor:grab;touch-action:none;background:transparent}
#digital-magazine .magazine-profile-hit:active{cursor:grabbing}
#digital-magazine .magazine-desktop-book.is-settled-open .magazine-page--profile-static{visibility:visible}
#digital-magazine .magazine-desktop-book.is-settled-open .magazine-leaf{visibility:hidden}
#digital-magazine .magazine-desktop-book.is-settled-open .magazine-profile-hit,#digital-magazine .magazine-desktop-book.is-reversing .magazine-profile-hit{pointer-events:auto}

#digital-magazine .magazine-leaf:before{content:'';position:absolute;inset:-1px;z-index:20;pointer-events:none;backface-visibility:hidden;background:linear-gradient(90deg,rgba(15,15,15,.22),rgba(15,15,15,.07) 13%,rgba(255,255,255,0) 48%,rgba(255,255,255,.18) 82%,rgba(255,255,255,.04));opacity:var(--mag-fold-highlight)}
#digital-magazine .magazine-leaf:after{content:'';position:absolute;left:-34px;top:-1.5%;bottom:-1.5%;width:44px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.32));filter:blur(7px);opacity:var(--mag-shadow-opacity);transform:translateZ(-1px)}
#digital-magazine .magazine-book:after{content:'';position:absolute;left:calc(var(--mag-page-w) - 24px);top:0;bottom:0;width:48px;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.015) 38%,rgba(255,255,255,.10) 50%,rgba(0,0,0,.02) 62%,rgba(0,0,0,.06));filter:blur(4px);opacity:0}
#digital-magazine .magazine-desktop-book.is-open .magazine-leaf-face--front{box-shadow:inset 1px 0 0 rgba(255,255,255,.55)}
#digital-magazine .magazine-desktop-book.is-open .magazine-leaf-face--back{box-shadow:none}
#digital-magazine .magazine-desktop-book.is-dragging .magazine-viewport,#digital-magazine .magazine-desktop-book.is-dragging .magazine-book,#digital-magazine .magazine-desktop-book.is-dragging .magazine-leaf,#digital-magazine .magazine-desktop-book.magazine-no-transition .magazine-viewport,#digital-magazine .magazine-desktop-book.magazine-no-transition .magazine-book,#digital-magazine .magazine-desktop-book.magazine-no-transition .magazine-leaf{transition:none!important}
#digital-magazine .magazine-page-inner{position:relative;height:100%;padding:7.5% 8% 6.4%;display:flex;flex-direction:column;background:inherit}
#digital-magazine .magazine-page h2{font-family:var(--font-heading,'Questrial',sans-serif)!important;font-weight:400!important;color:#0f0f0f;margin:0;padding-right:0;text-transform:uppercase;letter-spacing:.045em;line-height:1.1}
#digital-magazine .magazine-page p{color:#686363}
#digital-magazine .magazine-page-header{margin-bottom:5.2%}
#digital-magazine .magazine-page-header h2{font-size:clamp(20px,calc(var(--mag-page-w) * .045),27px)}
#digital-magazine .magazine-page-header>span{display:block;width:62%;height:2px;background:#f1bcb5;margin-top:3%}
#digital-magazine .magazine-profile-copy{font-size:clamp(11px,calc(var(--mag-page-w) * .026),15px);line-height:1.58;margin:0 0 5.6%;text-wrap:pretty}
#digital-magazine .magazine-profile-copy::first-letter{float:left;font-family:var(--font-heading,'Questrial',sans-serif);font-size:2.25em;line-height:.88;margin:.08em .14em 0 0;color:#0f0f0f}
#digital-magazine .magazine-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:3%;margin-bottom:5%}
#digital-magazine .magazine-mini-card{position:relative;min-height:calc(var(--mag-page-h) * .105);padding:5% 6%;border-radius:4px;background:rgba(252,252,252,.7)}
#digital-magazine .magazine-mini-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:#f1bcb5}
#digital-magazine .magazine-mini-card--dark:before{background:#0f0f0f}
#digital-magazine .magazine-mini-card strong{display:block;font-size:clamp(9px,calc(var(--mag-page-w) * .019),11px);line-height:1.3;text-transform:uppercase;margin-bottom:5%;font-weight:500}
#digital-magazine .magazine-mini-card p{margin:0;font-size:clamp(8px,calc(var(--mag-page-w) * .017),10px);line-height:1.45}
#digital-magazine .magazine-media-placeholder{display:grid;place-items:center;background:#ebe7e4;color:#948a87;overflow:hidden;position:relative}
#digital-magazine .magazine-media-placeholder:before{content:'';position:absolute;inset:12px;border:1px dashed rgba(148,138,135,.4);border-radius:3px}
#digital-magazine .magazine-media-placeholder span{position:relative;font-size:clamp(9px,calc(var(--mag-page-w) * .018),11px);letter-spacing:.08em;text-transform:uppercase}
#digital-magazine .magazine-media-placeholder--profile{height:calc(var(--mag-page-h) * .235);margin-top:auto;border-radius:4px}
#digital-magazine .magazine-page-footer{position:absolute;left:8%;right:8%;bottom:3.2%;display:flex;justify-content:center;gap:.45em;color:#756f6d;font-size:clamp(6.5px,calc(var(--mag-page-w) * .014),8px);line-height:1.25;letter-spacing:.1em;text-transform:uppercase;text-align:center}
#digital-magazine .magazine-cover-inner{align-items:center;text-align:center;padding-top:12%}
#digital-magazine .magazine-cover-title>span{display:block;width:80px;height:2px;background:#f1bcb5;margin:0 auto 4.2%}
#digital-magazine .magazine-cover-title h2{font-size:clamp(25px,calc(var(--mag-page-w) * .064),36px);letter-spacing:.13em;line-height:1.16}
#digital-magazine .magazine-cover-title p{font-size:clamp(8px,calc(var(--mag-page-w) * .018),11px);font-weight:500;letter-spacing:.32em;color:#e9aaa2;margin:7% 0 0;text-transform:uppercase}
#digital-magazine .magazine-media-placeholder--cover{width:88%;height:30%;margin:12% auto 6%;border-radius:2px;background:#f1eeec}
#digital-magazine .magazine-cover-quote{font-size:clamp(12px,calc(var(--mag-page-w) * .026),17px);line-height:1.4;font-style:italic;margin:0;color:#77706e}
#digital-magazine .magazine-edition{margin:auto 0 8%;font-size:clamp(7px,calc(var(--mag-page-w) * .015),9px);font-weight:500;letter-spacing:.12em;color:#77706e;text-transform:uppercase}
#digital-magazine .magazine-contact-inner{align-items:center;text-align:center;padding-top:20%}
#digital-magazine .magazine-contact-heading h2{font-size:clamp(25px,calc(var(--mag-page-w) * .058),34px);letter-spacing:.08em}
#digital-magazine .magazine-contact-heading p{font-size:clamp(8px,calc(var(--mag-page-w) * .018),11px);letter-spacing:.16em;margin:7% 0 0;text-transform:uppercase}
#digital-magazine .magazine-contact-list{width:74%;display:grid;gap:calc(var(--mag-page-h) * .032);margin-top:13%}
#digital-magazine .magazine-contact-list>div{padding-bottom:4%;border-bottom:1px solid #d9d4d1}
#digital-magazine .magazine-contact-list strong{display:block;font-size:clamp(8px,calc(var(--mag-page-w) * .017),10px);line-height:1.3;text-transform:uppercase;margin-bottom:2%;font-weight:500}
#digital-magazine .magazine-contact-list a{display:block;color:#6f6967;font-size:clamp(8px,calc(var(--mag-page-w) * .017),10px);overflow-wrap:anywhere}
#digital-magazine .magazine-qr-placeholder{width:25%;aspect-ratio:1;margin-top:13%;border:1px solid #f1bcb5;border-radius:4px;display:grid;place-items:center;align-content:center;gap:8%;color:#706a68;background:#fcfcfc}
#digital-magazine .magazine-qr-placeholder>span{display:grid;place-items:center;width:48%;aspect-ratio:1;border:2px dashed #706a68;font-size:clamp(10px,calc(var(--mag-page-w) * .022),13px);font-weight:500}
#digital-magazine .magazine-qr-placeholder small{position:absolute;margin-top:calc(var(--mag-page-w) * .34);font-size:clamp(5.5px,calc(var(--mag-page-w) * .011),7px);color:#837d7a;text-transform:uppercase;white-space:nowrap}
#digital-magazine .magazine-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:0 28px;color:#f5f5f5;position:relative;z-index:20}
#digital-magazine .magazine-nav{min-width:126px;min-height:44px;border:0;border-radius:40px;background:#0f0f0f;color:#fcfcfc;box-shadow:0 7px 18px rgba(0,0,0,.28);padding:10px 18px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}
#digital-magazine .magazine-nav:not(:disabled):hover{transform:translateY(-1px);background:#191919}
#digital-magazine .magazine-nav--prev{justify-self:end}
#digital-magazine .magazine-nav--next{justify-self:start}
#digital-magazine .magazine-nav span{font-size:19px;line-height:0;vertical-align:-1px;margin:0 3px}
#digital-magazine .magazine-nav:disabled{opacity:.26;pointer-events:none}
#digital-magazine .magazine-hint{margin:0;color:#c6c6c6;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:center;min-width:310px}
#digital-magazine .magazine-mobile-pages{display:none}
#digital-magazine a:focus-visible,#digital-magazine button:focus-visible{outline:3px solid #f1bcb5;outline-offset:3px}

@media(max-width:760px){
  #digital-magazine .magazine-shell{grid-template-rows:54px minmax(0,1fr) 70px}
  #digital-magazine .magazine-topbar{grid-template-columns:1fr auto;padding:0 14px}
  #digital-magazine .magazine-kicker{display:none}
  #digital-magazine .magazine-position{justify-self:start;font-size:10px}
  #digital-magazine .magazine-close{grid-column:2;width:40px;height:40px}
  #digital-magazine .magazine-close span{left:12px;right:12px;top:19px}
  #digital-magazine .magazine-stage{padding:8px 14px 12px;overflow:visible}
  #digital-magazine .magazine-desktop-book{display:none}
  #digital-magazine .magazine-mobile-pages{display:block;width:var(--mag-page-w);height:var(--mag-page-h);overflow:hidden;box-shadow:0 20px 38px -24px rgba(0,0,0,.48),0 8px 16px -12px rgba(0,0,0,.28);touch-action:pan-y}
  #digital-magazine .magazine-mobile-track{display:flex;width:100%;height:100%;transition:transform .38s cubic-bezier(.22,.7,.22,1);will-change:transform}
  #digital-magazine .magazine-mobile-pages.magazine-no-transition .magazine-mobile-track{transition:none!important}
  #digital-magazine .magazine-mobile-page{flex:0 0 100%;width:100%;height:100%}
  #digital-magazine .magazine-mobile-page>.magazine-page{position:relative;left:auto!important;top:auto;width:100%;height:100%;box-shadow:none}
  #digital-magazine .magazine-mobile-page .magazine-page-inner{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
  #digital-magazine .magazine-page-inner{padding:7% 7% 7.2%}
  #digital-magazine .magazine-page-footer{left:7%;right:7%;bottom:2.4%}
  #digital-magazine .magazine-profile-copy{font-size:clamp(10px,3.4vw,13px);line-height:1.5;margin-bottom:4.5%}
  #digital-magazine .magazine-mini-card{padding:4% 5%}
  #digital-magazine .magazine-mini-card p{font-size:clamp(7.5px,2.55vw,9.5px)}
  #digital-magazine .magazine-media-placeholder--profile{height:23%;min-height:92px;margin-top:3%}
  #digital-magazine .magazine-cover-inner{padding-top:10%}
  #digital-magazine .magazine-media-placeholder--cover{margin-top:9%;height:30%}
  #digital-magazine .magazine-contact-inner{padding-top:16%}
  #digital-magazine .magazine-contact-list{margin-top:10%;gap:18px}
  #digital-magazine .magazine-qr-placeholder{margin-top:10%;width:28%}
  #digital-magazine .magazine-controls{grid-template-columns:1fr 1fr;padding:0 14px;gap:10px}
  #digital-magazine .magazine-nav{width:100%;min-width:0;min-height:42px;padding:9px 12px;font-size:10px}
  #digital-magazine .magazine-nav--prev,#digital-magazine .magazine-nav--next{justify-self:stretch}
  #digital-magazine .magazine-hint{display:none}
}


/* Optional media managed from the client panel — v0.3.0 */
#digital-magazine .magazine-media-placeholder.is-filled:before{display:none}
#digital-magazine .magazine-media-placeholder.is-filled img{display:block;width:100%;height:100%;object-fit:cover}
#digital-magazine .magazine-qr-placeholder.is-filled{padding:8%;background:#fcfcfc}
#digital-magazine .magazine-qr-placeholder.is-filled img{display:block;width:100%;height:100%;object-fit:contain}


/* QR final sizing — v0.4.5 */
#digital-magazine .magazine-qr-placeholder.is-filled{width:31%;margin-top:11%;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
#digital-magazine .magazine-qr-placeholder.is-filled img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
@media(max-width:760px){#digital-magazine .magazine-qr-placeholder.is-filled{width:34%;margin-top:8%}}