@font-face{font-family:Bebas;src:url("fonts/BebasNeue-Regular.woff");font-display:swap}
#hero.journal-hero *{box-sizing:border-box}
#hero.journal-hero a{color:inherit;text-decoration:none}
#hero.journal-hero button{font:inherit;cursor:pointer}
#hero.journal-hero a:focus-visible,#hero.journal-hero button:focus-visible{outline:2px solid #b39443;outline-offset:5px}
#hero.journal-hero{height:100svh;min-height:780px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 80% 25%,#faf8f0 0%,#f1ebdf 60%,#eae3d6 100%)}
#hero.journal-hero .daylight{position:absolute;inset:-20% -10%;pointer-events:none;background:linear-gradient(117deg,transparent 46%,#fffdf631 46%,#fffdf640 57%,#c3ad8330 57.2%,transparent 57.7%,transparent 72%,#bfad901c 72.2%,transparent 72.6%)}
#hero.journal-hero .copy{position:absolute;left:6%;top:27%;width:39%;z-index:5}
#hero.journal-hero .eyebrow{font-size:8px;letter-spacing:.2em;color:#8b7654;margin:0 0 23px}
#hero.journal-hero h1{font:400 clamp(76px,8vw,112px)/.95 Bebas,sans-serif;letter-spacing:-.01em;margin:0}
#hero.journal-hero h1 em{font-style:normal;color:#D23B3D}
#hero.journal-hero .description{font-size:12px;line-height:1.9;color:#78664c;margin:28px 0 27px;max-width:330px}
#hero.journal-hero .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:#D23B3D;border:1px solid #bf3038;color:#F4F1EA;padding:18px 22px;font-size:10px;box-shadow:0 3px 0 #982f3020}
#hero.journal-hero .cta span{font-size:23px;line-height:12px}
#hero.journal-hero .location{font-size:6px;color:#988366;letter-spacing:.14em;margin-top:27px}
#hero.journal-hero .desk{position:absolute;left:44%;right:3%;top:15%;bottom:15%;--page-w:252px;--page-h:364px;--book-scale:1}
#hero.journal-hero .book-camera{position:absolute;left:50%;top:44%;width:504px;height:364px;margin:-182px 0 0 -252px;perspective:1800px;perspective-origin:50% 10%;transform:scale(var(--book-scale))}
#hero.journal-hero .book-camera *{transform-style:preserve-3d}
#hero.journal-hero #journal-book{width:504px;height:364px;position:relative;transform:rotateX(29deg) rotateZ(-9deg);transform-style:preserve-3d}
#hero.journal-hero .book-shadow{position:absolute;left:16%;right:5%;top:32%;height:40%;border-radius:45%;background:radial-gradient(ellipse,#64492328 0%,#6f4d2720 45%,#80613300 72%);transform:rotate(-11deg);pointer-events:none}
#hero.journal-hero .desk-line{position:absolute;left:0;right:-20%;top:80%;height:1px;background:#ac957b25;transform:rotate(-12deg)}
#hero.journal-hero .back-board,#hero.journal-hero .paper-block,#hero.journal-hero .base-page,#hero.journal-hero .cover,#hero.journal-hero .leaf,#hero.journal-hero .cast-shadow{position:absolute;left:50%;top:0;width:var(--page-w);height:var(--page-h);transform-origin:0 50%}
#hero.journal-hero .back-board{background:#9b3038;transform:translateZ(-4px);border-radius:1px 4px 4px 1px;box-shadow:4px 6px 0 #80262e,8px 12px 15px #5b381932}
#hero.journal-hero .paper-block{background:#e9deca;transform:translateZ(0);box-shadow:2px 1px 0 #f8f1e2,3px 3px 0 #cebea2,4px 4px 0 #f6eedf,5px 6px 0 #cab79a,6px 7px 0 #f6ecdb,7px 9px 0 #bda88a}
#hero.journal-hero .base-page{transform:translateZ(4px);background:#f7f1e5;overflow:hidden}
#hero.journal-hero .binding{position:absolute;left:calc(50% - 2px);top:0;width:4px;height:100%;background:linear-gradient(90deg,#8a6b4750,#f5e5c540,#886e4340);transform:translateZ(5px);pointer-events:none}
#hero.journal-hero .leaf{height:var(--page-h);width:var(--page-w);transform-style:preserve-3d}
#hero.journal-hero .strip{position:absolute;left:0;top:0;height:var(--page-h);width:36px;transform-origin:0 50%;transform-style:preserve-3d}
#hero.journal-hero .strip>.strip{left:36px}
#hero.journal-hero .face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f7f1e5}
#hero.journal-hero .face.front{transform:translateZ(.12px)}
#hero.journal-hero .face.back{transform:rotateY(180deg) translateZ(.12px);background:#f0e6d2}
#hero.journal-hero .page-content{position:absolute;top:0;width:var(--page-w);height:var(--page-h);padding:25px 25px 21px 27px;background:linear-gradient(90deg,#c2ac8b26,#fff7e800 10%,#fff7e800 93%,#bdaa8a16),#f7f1e5;color:#27241e;font-family:Archivo,sans-serif}
#hero.journal-hero .page-content.verso{background:linear-gradient(270deg,#bba78835,transparent 12%),#f1e7d5;padding:25px}
#hero.journal-hero .page-meta{display:flex;justify-content:space-between;gap:10px;color:#8d7655;font-size:5.5px;letter-spacing:.12em;border-bottom:1px solid #c9b89980;padding-bottom:10px}
#hero.journal-hero .page-title{font:400 36px/.97 Georgia,serif;letter-spacing:-.065em;margin:27px 0 16px;color:#9e3039}
#hero.journal-hero .page-intro{font-size:7px;line-height:1.7;color:#7a674d;max-width:172px;margin:0}
#hero.journal-hero .page-detail{margin-top:27px;border-top:1px solid #c6b18a80;padding-top:12px}
#hero.journal-hero .page-detail span{display:block;font-size:5.3px;letter-spacing:.16em;color:#98815b;margin-bottom:8px}
#hero.journal-hero .page-detail p{font-size:7px;line-height:1.7;color:#66573f;margin:0;max-width:172px}
#hero.journal-hero .page-bottom{position:absolute;bottom:24px;left:27px;right:25px;display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #c6b18a70;padding-top:12px;font-size:5.3px;color:#8b714b;letter-spacing:.06em}
#hero.journal-hero .page-bottom b{font:400 22px Georgia,serif;color:#8c7144}
#hero.journal-hero .verso-title{font:italic 27px/1.08 Georgia,serif;letter-spacing:-.04em;margin-top:58px;color:#776143}
#hero.journal-hero .verso-copy{font-size:7px;line-height:1.8;color:#8f7958;margin-top:19px}
#hero.journal-hero .verso-rule{width:28px;height:1px;background:#bb9658;margin-top:28px}
#hero.journal-hero .cover{transform:translateZ(20px);transform-style:preserve-3d}
#hero.journal-hero .cover-front,#hero.journal-hero .cover-back{position:absolute;inset:-3px -3px -3px 0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1px 4px 4px 1px;overflow:hidden}
#hero.journal-hero .cover-front{transform:translateZ(1.3px);background:linear-gradient(90deg,#812c37 0%,#b03b47 2%,#922d39 3%,#af3b47 7%,#a93442 86%,#b8434b 100%);color:#e5d1a5;border:1px solid #8b2633;box-shadow:inset 7px 0 5px #651e302b}
#hero.journal-hero .cover-front:after{content:"";position:absolute;inset:13px 14px 14px 16px;border:1px solid #d29d763d;pointer-events:none}
#hero.journal-hero .cover-brand{position:absolute;top:36px;left:30px;font-size:7px;letter-spacing:.15em}
#hero.journal-hero .cover-title{position:absolute;left:30px;top:101px;font:400 43px/.93 Georgia,serif;letter-spacing:-.045em;color:#edddba;text-shadow:0 1px 0 #6e2132}
#hero.journal-hero .cover-title em{font-weight:400}
#hero.journal-hero .cover-rule{position:absolute;left:31px;top:249px;width:39px;height:1px;background:#c3a367}
#hero.journal-hero .cover-bottom{position:absolute;left:31px;bottom:45px;font-size:5.4px;line-height:1.8;letter-spacing:.1em}
#hero.journal-hero .cover-bottom b{display:block;font:italic 10px Georgia,serif;margin-top:7px;letter-spacing:0;font-weight:400}
#hero.journal-hero .cover-edition{position:absolute;right:20px;top:39px;font-size:4.5px;letter-spacing:.12em;writing-mode:vertical-rl;color:#d0ac86}
#hero.journal-hero .cover-back{transform:rotateY(180deg) translateZ(1.3px);background:linear-gradient(270deg,#cfbda02b,transparent 10%),#e8dbc3;border:2px solid #a53842}
#hero.journal-hero .inside-frame{position:absolute;inset:24px;border:1px solid #b4a08044;padding:20px 16px}
#hero.journal-hero .inside-frame>span{font-size:5.5px;letter-spacing:.12em;color:#9c8359}
#hero.journal-hero .inside-frame p{font:italic 26px/1.08 Georgia,serif;color:#91764c;letter-spacing:-.04em;margin-top:78px}
#hero.journal-hero .inside-frame small{font-size:5px;line-height:1.9;letter-spacing:.12em;color:#aa8c5e}
#hero.journal-hero .cast-shadow{background:linear-gradient(90deg,#6d49262a,transparent 40%);transform:translateZ(5px);opacity:0;pointer-events:none}
#hero.journal-hero .journal-nav{position:absolute;bottom:0;left:7%;right:4%;padding-top:17px;border-top:1px solid #bca88260;display:flex;justify-content:space-between;align-items:end;gap:15px}
#hero.journal-hero .focus-label>span{display:block;font-size:5.5px;letter-spacing:.17em;color:#92784e;margin-bottom:8px}
#hero.journal-hero .focus-label strong{font:italic 19px Georgia,serif;font-weight:400;color:#705b3e}
#hero.journal-hero .chapters{display:flex;gap:17px}
#hero.journal-hero .chapters button{border:0;background:none;padding:4px 0 8px;border-bottom:1px solid transparent;color:#9b8560;font-size:6px}
#hero.journal-hero .chapters button span{display:block;margin-top:5px;font-size:7px;color:#826947}
#hero.journal-hero .chapters button[aria-pressed=true]{border-bottom-color:#af3540}
#hero.journal-hero .chapters button[aria-pressed=true] span{color:#a3303c}
#hero.journal-hero footer{position:absolute;bottom:69px;left:6%;right:6%;display:flex;align-items:center;gap:26px;color:#8f7958;font-size:6px;letter-spacing:.13em}
#hero.journal-hero footer i{height:1px;background:#b69d7650;flex:1}
#hero.journal-hero .controls{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#24221cf0;color:#e5dac2;display:flex;align-items:center;gap:16px;padding:11px 16px;border-radius:2px}
#hero.journal-hero .controls>span{font-size:6px;letter-spacing:.11em;color:#bcb097}
#hero.journal-hero .controls button{border:0;background:none;color:#e5dac2;font-size:9px;padding:2px 0}
@media (min-width:1450px){#hero.journal-hero .desk{--book-scale:1.13;top:17%}
#hero.journal-hero .copy{top:28%}
#hero.journal-hero .book-camera{top:43%}}
@media (max-width:1100px) and (min-width:801px){#hero.journal-hero .desk{--book-scale:.82;left:43%;right:1%}
#hero.journal-hero .copy{width:39%}
#hero.journal-hero h1{font-size:80px}
#hero.journal-hero .journal-nav{left:3%;gap:10px}
#hero.journal-hero .focus-label strong{font-size:16px}
#hero.journal-hero .chapters{gap:12px}}
@media (max-width:800px){#hero.journal-hero{min-height:850px}
#hero.journal-hero .copy{left:7%;top:14%;width:86%;max-width:none}
#hero.journal-hero .eyebrow{font-size:6px;letter-spacing:.16em;margin-bottom:14px}
#hero.journal-hero h1{font-size:61px}
#hero.journal-hero .description{font-size:10px;line-height:1.7;margin:18px 0;max-width:290px}
#hero.journal-hero .cta{font-size:9px;padding:13px 17px;gap:34px}
#hero.journal-hero .location{display:none}
#hero.journal-hero .desk{left:4%;right:4%;top:47%;bottom:15%;--book-scale:.59}
#hero.journal-hero .book-camera{top:40%}
#hero.journal-hero .journal-nav{left:4%;right:4%;padding-top:13px;align-items:center}
#hero.journal-hero .focus-label>span{font-size:4.8px;letter-spacing:.09em}
#hero.journal-hero .focus-label strong{font-size:15px}
#hero.journal-hero .chapters{gap:11px}
#hero.journal-hero .chapters button{font-size:5px}
#hero.journal-hero .chapters button span{font-size:6px}
#hero.journal-hero .desk-line{display:none}
#hero.journal-hero .book-shadow{top:28%;height:45%;left:0;right:0}
#hero.journal-hero footer{left:7%;right:7%;bottom:74px;gap:12px;font-size:4.5px}
#hero.journal-hero .controls{gap:12px;padding:11px 13px;bottom:17px}
#hero.journal-hero .controls button{font-size:8px}
#hero.journal-hero .controls>span{font-size:5px}}
@media (max-width:350px){#hero.journal-hero .desk{--book-scale:.5;top:46%;bottom:16%}
#hero.journal-hero .copy{top:13%}
#hero.journal-hero h1{font-size:55px}
#hero.journal-hero .eyebrow{font-size:5.5px}
#hero.journal-hero .description{font-size:9px}
#hero.journal-hero .focus-label strong{font-size:13px}
#hero.journal-hero .chapters{gap:9px}
#hero.journal-hero .journal-nav{left:3%;right:3%}}
#hero.journal-hero .face{right:auto;width:36.6px;transform-origin:18px 50%}
#hero.journal-hero .controls button:disabled{opacity:.45;cursor:default}
#hero.journal-hero{display:block;padding:0;isolation:isolate}#hero.journal-hero::before{display:none}#hero.journal-hero .page-content h2{text-transform:none}#hero.journal-hero .copy h1{text-align:left}#hero.journal-hero .controls{min-height:42px}#hero.journal-hero .controls button{min-width:44px;min-height:28px}#hero.journal-hero .chapters button{min-width:44px;min-height:44px}#hero.journal-hero .description{font-size:14px}#hero.journal-hero .location{font-size:10px}#hero.journal-hero .cta{font-size:13px}#hero.journal-hero .journal-nav .chapters button span{font-size:10px}#hero.journal-hero .controls>span{font-size:9px}#hero.journal-hero .controls button{font-size:11px}#hero.journal-hero .focus-label>span{font-size:8px}
@media(max-width:800px){#hero.journal-hero .description{font-size:12px}#hero.journal-hero .cta{font-size:11px}#hero.journal-hero .chapters{gap:3px}#hero.journal-hero .focus-label>span{font-size:6px}#hero.journal-hero .controls>span{font-size:8px}#hero.journal-hero .controls button{font-size:10px}}
#hero.journal-hero .eyebrow{display:block;background:none;padding:0;box-shadow:none;transform:none;font-weight:400}#hero.journal-hero footer{background:none;padding:0;overflow:visible}#hero.journal-hero .controls button{min-height:32px}
#hero.journal-hero .controls>span{white-space:nowrap}
@media(max-width:800px){#hero.journal-hero .controls{left:auto;right:18px;bottom:17px;transform:none}#hero.journal-hero .controls>span{display:none}}