:root{--orange:#ff5a0a;--brown:#916b54;--ink:#2f2b29;--muted:#6c6763;--paper:#fbf7f2;--line:#e8dfd6}
*{box-sizing:border-box}body{margin:0;background:#f5f0ea;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body>main{padding-top:var(--header-height,73px)}
.journal{overflow:hidden}.journal-intro{padding:clamp(72px,8vw,124px) 24px 34px;text-align:center;background:radial-gradient(circle at 50% 15%,#fff 0,#faf6f1 58%,transparent 80%)}
.journal-kicker,.page-kicker{margin:0 0 13px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.journal-intro h1{max-width:960px;margin:0 auto;color:var(--brown);font:400 clamp(48px,6vw,92px)/.94 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.journal-intro h1 span{color:var(--orange);font-style:italic}.journal-intro>p:last-child{max-width:700px;margin:24px auto 0;color:var(--muted);font-size:clamp(16px,1.2vw,20px);line-height:1.55}
.magazine-shell{position:relative;max-width:1320px;margin:0 auto;padding:34px 92px 105px}.magazine{position:relative;isolation:isolate;width:min(100%,1060px);aspect-ratio:1.55;margin:auto;perspective:2400px;filter:drop-shadow(0 30px 36px rgba(73,48,34,.18))}.magazine:before{content:"";position:absolute;inset:1.2% 0 -1.2%;border-radius:8px 18px 18px 8px;background:#ddd0c2;box-shadow:0 6px 0 #c9b9a8;transform:translateX(7px)}
.magazine-sheet{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform;transition:transform .9s cubic-bezier(.62,.02,.28,1);border-radius:7px 18px 18px 7px;pointer-events:none}.magazine-sheet.is-active{pointer-events:auto}.magazine-sheet.is-turned{transform:rotateY(-180deg)}.magazine-face{position:absolute;inset:0;overflow:hidden;border-radius:7px 18px 18px 7px;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}.magazine-front{transform:translateZ(.2px)}.magazine-back{transform:rotateY(180deg) translateZ(.2px)}
.magazine.is-finished .magazine-sheet:last-child{z-index:20!important;transform:none}.magazine.is-finished .magazine-sheet:last-child .magazine-front{visibility:hidden}.magazine.is-finished .back-cover{transform:none}
.cover img,.photo-page>img,.feature-page>img{width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,14,10,.48),rgba(19,14,10,.03) 60%),linear-gradient(0deg,rgba(19,14,10,.35),transparent 55%)}.cover-copy{position:absolute;left:7%;top:8%;display:flex;flex-direction:column;color:#fff}.cover-copy small{font-size:clamp(17px,2vw,28px);font-weight:800}.cover-copy strong{font:400 clamp(70px,11vw,150px)/.9 Georgia,serif;letter-spacing:-.07em}.cover-copy span{margin-top:22px;font-size:clamp(17px,1.8vw,25px)}.cover>b{position:absolute;right:6%;bottom:6%;color:#fff;font-size:22px}
.page-number{position:absolute;right:5%;top:4%;margin:0;color:var(--brown);font:700 13px/1 Inter,sans-serif}.page-number.light{color:#fff}.editorial-page{padding:10% 12%;background:linear-gradient(135deg,#fff,#f5ede5)}.editorial-page h2,.split-copy h2,.collage-page h2,.photo-caption h2,.feature-page h2,.closing-page h2{margin:0;color:var(--brown);font:400 clamp(38px,5vw,72px)/1 Georgia,serif;letter-spacing:-.045em}.editorial-page>p:not(.page-number):not(.page-kicker){max-width:740px;color:var(--muted);font-size:clamp(17px,1.7vw,24px);line-height:1.58}.dropcap:first-letter{float:left;padding:2px 8px 0 0;color:var(--orange);font:84px/.72 Georgia,serif}.editorial-page blockquote{max-width:650px;margin:42px 0 0;padding-left:24px;border-left:3px solid var(--orange);color:var(--brown);font:italic clamp(18px,2vw,29px)/1.35 Georgia,serif}
.photo-page:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,17,10,.62),transparent 70%)}.photo-caption{position:absolute;z-index:1;left:7%;bottom:9%;max-width:52%;color:#fff}.photo-caption small{color:#ffb38c;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.photo-caption h2{margin:12px 0;color:#fff}.photo-caption p{font-size:clamp(15px,1.6vw,22px);line-height:1.45}
.split-page{display:grid;grid-template-columns:1fr 1fr}.split-page>img{width:100%;height:100%;object-fit:cover}.split-copy{padding:16% 11%}.split-copy p:not(.page-kicker){color:var(--muted);font-size:clamp(15px,1.4vw,21px);line-height:1.55}.swatches{display:flex;gap:10px;margin-top:28px}.swatches i{width:62px;aspect-ratio:1;border-radius:50%;background:#e9e2d6}.swatches i:nth-child(2){background:#b9aa9c}.swatches i:nth-child(3){background:#58605a}
.collage-page{padding:7%}.collage-page h2{font-size:clamp(34px,4.4vw,64px)}.collage{height:54%;margin:4% 0;display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.collage img{width:100%;height:100%;object-fit:cover;border-radius:4px}.collage-page>p:not(.page-kicker):not(.page-number){max-width:760px;color:var(--muted);font-size:clamp(15px,1.35vw,20px);line-height:1.5}
.feature-page:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,15,9,.7),transparent 68%)}.feature-page>div{position:absolute;z-index:1;left:7%;right:7%;bottom:7%;color:#fff}.feature-page h2{max-width:850px;color:#fff;font-size:clamp(32px,4.2vw,62px)}.feature-page a{display:inline-block;margin-top:22px;color:#fff;border-bottom:1px solid #fff;font-weight:700}.closing-page{padding:7%;background:#f6f0ea}.closing-page h2{max-width:82%;font-size:clamp(34px,4.5vw,66px)}.closing-page img{width:100%;height:54%;margin-top:5%;object-fit:cover;border-radius:4px}.back-cover{padding:10%;display:flex;flex-direction:column;justify-content:center;background:var(--orange);color:#fff}.back-cover span{font-weight:800;font-size:22px}.back-cover strong{margin:34px 0;font:400 clamp(52px,7vw,100px)/.95 Georgia,serif}.back-cover a{align-self:flex-start;padding:13px 22px;border:1px solid rgba(255,255,255,.65);border-radius:999px;color:#fff;text-decoration:none}
.magazine-arrow{position:absolute;z-index:10;top:43%;width:54px;height:54px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.92);color:var(--brown);font:300 40px/1 Georgia,serif;cursor:pointer;box-shadow:0 14px 32px rgba(71,45,30,.12);transition:.2s}.magazine-arrow:hover{color:#fff;background:var(--orange);transform:scale(1.06)}.magazine-arrow:disabled{opacity:.3;cursor:default;transform:none}.magazine-prev{left:18px}.magazine-next{right:18px}.magazine-progress{position:absolute;left:50%;bottom:48px;display:flex;align-items:center;gap:12px;transform:translateX(-50%);color:var(--brown);font-size:12px;font-weight:800}.magazine-progress i{width:90px;height:1px;background:#cdbcae}
.journal-coming{padding:90px 24px 110px;text-align:center;background:#fff}.journal-coming>p:first-child{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.journal-coming h2{max-width:920px;margin:18px auto;color:var(--brown);font:400 clamp(36px,4vw,60px)/1.05 Georgia,serif}.journal-coming>p:last-child{max-width:660px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.5}
.pd-footer{padding:70px clamp(24px,6vw,120px);display:grid;grid-template-columns:1.4fr .7fr 1fr 1fr;gap:60px;border-top:1px solid var(--line);background:#faf9f7}.pd-logo{display:inline-flex;width:132px}.pd-logo img{width:100%;height:auto}.pd-footer-brand p,.pd-footer-brand small{color:var(--muted)}.pd-footer-brand p{margin:20px 0 12px;font-size:18px}.pd-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.pd-footer nav strong{margin-bottom:5px;color:var(--brown)}.pd-footer nav a{color:var(--muted);text-decoration:none}.pd-footer nav a:hover{color:var(--orange)}
@media(max-width:1050px){.magazine-shell{padding-inline:72px}.pd-footer{grid-template-columns:1.3fr 1fr 1fr}.pd-footer-brand{grid-column:1/-1}}
@media(max-width:700px){.journal-intro{padding:58px 20px 25px}.journal-intro h1{font-size:clamp(44px,13vw,64px)}.magazine-shell{padding:20px 16px 90px}.magazine{width:100%;aspect-ratio:.78;perspective:1600px}.magazine-face,.magazine-sheet{border-radius:5px 13px 13px 5px}.cover-copy strong{font-size:clamp(58px,20vw,94px)}.cover-copy span{max-width:75%;font-size:16px}.editorial-page{padding:15% 9%}.editorial-page h2{font-size:clamp(39px,11vw,56px)}.editorial-page>p:not(.page-number):not(.page-kicker){font-size:16px}.editorial-page blockquote{margin-top:24px;font-size:18px}.photo-caption{max-width:76%}.photo-caption h2{font-size:48px}.photo-caption p{font-size:15px}.split-page{grid-template-columns:1fr;grid-template-rows:1fr .9fr}.split-copy{padding:12% 9%}.split-copy h2{font-size:42px}.swatches{margin-top:16px}.swatches i{width:44px}.collage-page{padding:10% 8%}.collage{height:53%;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:8px}.collage-page h2{font-size:42px}.collage-page>p:not(.page-kicker):not(.page-number){font-size:14px}.feature-page h2{font-size:38px}.closing-page{padding:12% 8%}.closing-page h2{max-width:100%;font-size:40px}.back-cover{padding:12%}.back-cover strong{font-size:58px}.magazine-arrow{top:auto;bottom:32px;width:45px;height:45px;font-size:34px}.magazine-prev{left:calc(50% - 90px)}.magazine-next{right:calc(50% - 90px)}.magazine-progress{bottom:46px}.magazine-progress i{width:48px}.journal-coming{padding:70px 22px}.pd-footer{padding:54px 24px;grid-template-columns:1fr;gap:38px}}
@media(prefers-reduced-motion:reduce){.magazine-sheet,.magazine-arrow{transition:none}}