/* Original reference: luminous photographic hero, generous Korean typography, soft surfaces. */
:root{--paper:#f8f6f1;--gold:#a67c00;--muted:#77756e;--line:#ebe6dc}body{background:var(--paper)}.wrap{width:min(1280px,84%)}header{position:fixed;inset:0 0 auto;height:86px;padding:0 8%;border:0;background:#fafaf630;backdrop-filter:blur(8px)}.brand{font:600 26px/1.2 Inter,sans-serif;letter-spacing:-1px;color:var(--gold);gap:10px}.mark{border-radius:50%;font:22px var(--serif);width:29px;height:31px;transform:none;border-width:1.5px}nav{font-size:11px;font-weight:600;letter-spacing:.5px;gap:30px}nav a:last-child{margin:0}.hero{width:100%;min-height:790px;height:100svh;max-height:1100px;position:relative;display:grid;place-items:center;background:#eeeee8 url('assets/hero-books-v2.png') center/cover no-repeat;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f7f14a,#f7f7f16b 55%,#f7f7f140);z-index:-1}.hero-content{width:90%;text-align:center;padding:105px 0 70px}.hero .eyebrow{font:12px var(--serif);letter-spacing:3.5px;margin-bottom:30px;color:#997008}.hero h1{font:700 clamp(52px,5.6vw,88px)/1.47 var(--ko);letter-spacing:-3px;color:#181918}.hero-description{font:17px/1.8 var(--ko);color:#4f504b;margin-top:32px}.hero-actions{display:flex;gap:25px;align-items:center;justify-content:center;margin-top:44px}.pill{background:#191a18;border-radius:40px;padding:15px 33px;color:#fff;font:13px var(--serif);letter-spacing:1px;box-shadow:0 8px 15px #0001}.pill:hover{background:#34362d}.quiet-link{font:13px var(--serif);letter-spacing:1px;padding:7px 0;border-bottom:1px solid #bbb8af}.scroll-line{position:absolute;bottom:0;width:1px;height:48px;background:#b49948}.about{background:white;padding:110px 0 120px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-photo{position:relative}.reference-photo{aspect-ratio: .8;border-radius:12px;box-shadow:0 20px 30px #0002;background:url('assets/reference-original.png') 13.2% 29.1%/250% auto no-repeat;background-color:#eeeee6}.prayer-badge{position:absolute;right:-25px;bottom:-30px;background:#f8f4ec;border-radius:16px;width:145px;height:145px;padding:20px;box-shadow:0 9px 14px #0002;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px solid #dbcba7;outline-offset:-18px}.prayer-badge>span{color:var(--gold);font-size:29px;line-height:1.2}.prayer-badge p{font:10px/1.5 var(--serif);letter-spacing:1px;text-align:center;margin-top:9px}.about-copy h2{font-size:36px;letter-spacing:-1px;line-height:1.6;margin-bottom:30px}.about-copy>p{font:14px/2 var(--ko);color:var(--muted);margin:22px 0}.about-principles{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:24px;margin-top:30px;gap:25px}.about-principles strong{display:block;font:35px/1.3 var(--ko);color:var(--gold)}.about-principles span{font-size:10px;color:var(--muted);display:block;margin-top:10px}.about-copy .studio-connection{font:10px/1.8 Inter;color:#918b80;margin-top:25px}.section{padding-block:85px}.section-heading{margin-bottom:45px}.section-heading h2{font-size:44px;line-height:1.4}.section-heading .eyebrow{font:11px var(--serif);letter-spacing:3px;margin-bottom:16px}.section-intro{font:13px/1.9 var(--ko);max-width:365px}.filter{gap:12px;padding-bottom:20px}.filter button{border:0;padding:8px 17px;background:#fff;border-radius:25px;font-size:10px;font-weight:500}.filter button.active{background:var(--gold);color:white;box-shadow:0 3px 7px #9e780023}.filter span{color:inherit}.placeholder-notice{font-size:8px;margin:22px 0}.placeholder-notice span{font-size:10px}.book-grid{gap:45px 30px}.book-visual{aspect-ratio: .75;border-radius:10px;box-shadow:0 8px 13px #00000012}.card-info{padding:18px 3px 0}.card-info h3{font-size:21px}.card-info p{font:12px/1.8 var(--ko);margin-top:8px}.card-info>span{font-size:9px}.book-card:hover .book-visual{filter:brightness(1.06)}.reference-card{position:absolute;inset:0;background-image:url('assets/reference-original.png');background-size:378% auto;background-repeat:no-repeat}.reference-card.r01{background-position:10.7% 57.2%}.reference-card.r02{background-position:50.5% 57.2%}.reference-card.r03{background-position:89.8% 57.2%}.reference-card.r04{background-position:10.7% 73.5%}.reference-card.r05{background-position:50.5% 73.5%}.reference-card.r06{background-position:89.8% 73.5%}.sample-label{color:#fff;background:#1a1a1a90;padding:4px 8px;border-radius:4px;font-size:7px;letter-spacing:1px}.services{padding-block:50px 60px;border-top:1px solid var(--line)}.services .section-heading{margin-bottom:25px}.services .section-heading h2{font-size:30px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-list article{display:block;border:0;padding:15px 0}.service-list article:last-child{border:0}.service-list article>.meta{display:none}.service-list h3{font-size:23px;margin-bottom:12px}.service-list h4{font-size:11px}.service-list p{font:12px/1.9 var(--ko)}#anatomy{padding-block:50px 70px}.anatomy-layout{grid-template-columns:1fr 1fr;gap:60px}.spread{border-radius:12px;height:280px;padding:35px 30px;background:#e7e1d5}.spread-page span{font-size:19px;margin-top:15px}.spread-page i{font-size:14px}.type-lines{height:65px;margin-top:14px}.type-lines.short{height:30px}#anatomy .section-heading h2{font-size:30px}#anatomy-copy .eyebrow{display:none}#anatomy-copy{min-height:130px}.anatomy-tabs{margin-bottom:22px}.archive{padding-block:40px 60px}.archive .section-heading{margin-bottom:20px}.archive .section-heading h2{font-size:27px}.archive-empty{padding:20px 0}.archive-a{font-size:48px}.archive-empty h3{font-size:17px}.archive-empty p{font-size:11px}.contact{padding:100px 0;background:#191a18}.contact-layout{grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact h2{font-size:42px;line-height:1.6;margin:0 0 30px;letter-spacing:-1.3px}.contact h2 em{font-style:normal;color:#b18a0d}.contact .eyebrow{display:none}.contact p{font:13px/2 var(--ko);color:#aaa79f}.contact-address{display:grid;margin-top:38px;gap:5px}.contact-address span{font:9px var(--serif);letter-spacing:1px;color:#989186;margin-top:15px}.contact-address a{font:19px var(--serif);color:#d4d0c6}.contact .contact-note{font-size:10px;margin-top:20px}.contact form{border:1px solid #ffffff12;border-radius:22px;padding:35px 40px 25px;background:#ffffff06}.contact form label{font:11px var(--serif);letter-spacing:.5px;margin-bottom:18px}.contact input,.contact textarea,.contact select{font:12px/1.8 var(--ko);border-color:#ffffff25;padding:11px 0}.submit{border-radius:30px;background:var(--gold);color:#fff;font:12px var(--serif);padding:15px 22px}.submit:hover{background:#b18a09}#form-status{font-size:10px;margin-top:12px;line-height:1.6}footer{padding-block:33px}footer .brand{font-size:22px}footer .meta{font:9px var(--serif);color:#9c968b;letter-spacing:1px}.dialog-layout .book-visual{box-shadow:none}dialog{border-radius:18px}
@media(min-width:1600px){.hero h1{font-size:100px}.hero-description{font-size:20px}.hero .eyebrow{font-size:15px}.hero-actions{margin-top:52px}.about-copy h2{font-size:42px}}
@media(max-width:1000px){.wrap{width:86%}header{padding:0 7%}.hero{min-height:720px}.hero h1{font-size:64px}.about-layout{gap:45px}.about-copy h2{font-size:28px}.about-copy>p{font-size:12px}.prayer-badge{width:120px;height:120px;right:-18px;bottom:-22px}.contact h2{font-size:34px}.contact-layout{gap:35px}.contact form{padding:28px}.section-heading h2{font-size:36px}.book-grid{gap:35px 22px}}
@media(max-width:700px){header{height:72px;background:#f8f8f088;backdrop-filter:blur(8px)}.brand{font-size:22px}.mark{font-size:20px;width:27px;height:28px}.menu{font-size:11px}nav{top:72px;background:#faf9f4;padding:22px 7%;font-size:10px;gap:17px}nav a:last-child{margin-left:0}.hero{min-height:690px;max-height:850px;height:94svh;background-position:61% center}.hero:before{background:#f8f8f17a}.hero-content{width:96%;padding:90px 0 60px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:24px}.hero h1{font-size:clamp(35px,10vw,56px);line-height:1.55;letter-spacing:-1.5px}.hero-description{font-size:12px;line-height:1.9;margin-top:28px}.hero-actions{gap:16px;margin-top:30px}.pill{font-size:10px;padding:14px 22px}.quiet-link{font-size:10px;letter-spacing:.5px}.scroll-line{height:35px}.about{padding:65px 0}.about-layout{grid-template-columns:1fr;gap:65px}.reference-photo{aspect-ratio:.9;background-size:250% auto;background-position:13.2% 28.7%}.prayer-badge{right:12px;bottom:-30px;width:120px;height:120px}.about-copy h2{font-size:29px;line-height:1.7;margin-bottom:22px}.about-copy>p{font-size:13px}.about-principles strong{font-size:30px}.about-copy .studio-connection{font-size:10px}.section{padding-block:60px}.section-heading h2{font-size:34px}.section-heading .eyebrow{font-size:9px;letter-spacing:2px}.section-intro{font-size:12px}.filter{gap:7px;flex-wrap:wrap}.filter button{padding:8px 12px;font-size:10px}.book-grid{grid-template-columns:repeat(2,1fr);gap:28px 15px}.book-visual{border-radius:8px}.card-info h3{font-size:16px}.card-info p{font-size:10px}.card-info>span{font-size:8px}.sample-label{font-size:5px;padding:3px 5px;left:7px;bottom:8px;letter-spacing:.4px}.services{padding-block:25px 35px}.service-list{grid-template-columns:1fr;gap:8px}.service-list article{border-bottom:1px solid var(--line);padding:17px 0}.service-list h3{font-size:24px}.service-list p{max-width:none}.anatomy-layout{grid-template-columns:1fr;gap:25px}.spread{height:290px;padding:35px 23px}.spread-page{padding:15px}.anatomy-tabs{gap:15px}.archive{padding-block:30px 45px}.archive .section-heading>.meta{display:none}.contact{padding:65px 0}.contact-layout{grid-template-columns:1fr;gap:32px}.contact h2{font-size:32px;line-height:1.7;letter-spacing:-1.5px}.contact-address a{font-size:20px}.contact form{padding:28px 23px 18px;border-radius:20px}.form-row{gap:20px}.contact .contact-note{font-size:10px}footer .brand{font-size:20px}footer .meta{font-size:7px}}
/* Works scale independently; process is chronological, principles are thematic. */
.books-pagination{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:32px}.books-pagination p{font-size:10px;color:var(--muted)}.books-pagination button{border:0;padding:14px 30px}.books-pagination [hidden]{display:none}.services{padding-block:75px 85px}.services .section-heading h2{font-size:38px}.process-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-steps li{min-width:0}.step-track{display:flex;align-items:center;position:relative;margin-bottom:26px}.step-track:after{content:'';height:1px;background:#d9cda9;position:absolute;left:53px;right:0}.process-steps li:last-child .step-track:after{display:none}.step-number{border:1px solid #c8b779;background:#f8f6f1;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:21px var(--serif);color:#8f7017}.step-arrow{position:absolute;right:-17px;font-size:18px;color:#af9861;z-index:1}.step-en{font:9px Inter;letter-spacing:2px;color:#927429;margin-bottom:12px}.process-steps h3{font:22px/1.6 var(--ko);margin-bottom:14px;letter-spacing:-.7px}.process-steps li>p:not(.step-en){font:12px/2 var(--ko);color:var(--muted);min-height:74px}.step-result{display:inline-block;font-size:10px;color:#675c43;margin-top:22px;padding-top:13px;border-top:1px solid #e3dac5;width:100%}.process-note{font-size:10px;color:#8b8375;text-align:right;margin-top:32px}.anatomy-section{background:#eeeee7;border-block:1px solid #e3e2d8;padding-block:75px!important}.anatomy-section .section-heading{margin-bottom:36px}.anatomy-section .eyebrow{color:#727b60}.anatomy-section .section-heading h2{font-size:35px!important}.anatomy-section .section-intro{color:#676e60}.anatomy-section .anatomy-layout{background:#fafaf5;padding:38px;border-radius:16px;gap:45px}.anatomy-section .spread{height:300px;background:#e7e5d8;transition:background .25s}.anatomy-tabs{border-bottom:1px solid #d5d8ca;gap:12px}.anatomy-tabs button{border:0;border-radius:25px;padding:8px 18px;margin-bottom:15px;color:#686c5f}.anatomy-tabs button.active{background:#69745b;color:#fff}.anatomy-tag{font-size:9px;color:#646956}.study-space .spread-page{padding-inline:35px}.study-space .type-lines{margin-top:34px;height:38px;opacity:.55}.study-space .type-lines.short{height:18px;margin-top:25px}.study-paper{background:#d9c7aa!important}.study-paper .spread-page.left{background:linear-gradient(90deg,#eee0be 80%,#c6b28a)}.study-paper .spread-page.right{background:linear-gradient(90deg,#c5af83,#f3e9cb 12%)}.study-binding:after{content:'';position:absolute;left:50%;top:35px;bottom:35px;width:5px;background:repeating-linear-gradient(#75694e 0 10px,#ddd3bb 10px 17px);box-shadow:0 0 7px #5c543d55}.anatomy-section #anatomy-copy p{font-size:12px}.anatomy-section #anatomy-copy h3{font-size:23px!important}.contact{margin-top:0}
@media(max-width:1000px){.process-steps{gap:20px}.process-steps h3{font-size:19px}.process-steps li>p:not(.step-en){min-height:100px}.anatomy-section .anatomy-layout{padding:28px;gap:30px}.anatomy-tabs{gap:6px}.anatomy-tabs button{padding:8px 12px}}
@media(max-width:700px){.services{padding-block:50px 55px}.services .section-heading h2{font-size:31px}.process-steps{display:block;margin-top:28px}.process-steps li{position:relative;padding:0 0 30px 65px}.step-track{position:absolute;left:0;top:0;bottom:0;display:block;margin:0;width:43px}.step-track:after{left:21px;top:50px;bottom:7px;right:auto;width:1px;height:auto}.step-arrow{right:auto;left:15px;bottom:-2px;transform:rotate(90deg);font-size:17px}.process-steps li:last-child{padding-bottom:0}.process-steps li:last-child .step-arrow{display:none}.process-steps h3{font-size:23px;margin-bottom:10px}.step-en{padding-top:5px;margin-bottom:8px}.process-steps li>p:not(.step-en){min-height:0;font-size:12px}.step-result{margin-top:14px;padding-top:10px;font-size:10px}.process-note{text-align:left;margin-top:25px;line-height:1.8}.anatomy-section{padding-block:55px!important}.anatomy-section .section-heading h2{font-size:29px!important}.anatomy-section .anatomy-layout{padding:20px;gap:25px}.anatomy-section .spread{height:240px;padding:25px 14px}.anatomy-section .spread-page{padding:12px}.anatomy-section .spread-page span{font-size:17px;margin-top:12px}.anatomy-section .spread-page small{font-size:5px}.anatomy-section .spread-page i{font-size:13px}.anatomy-section .anatomy-tag{left:15px;bottom:10px;font-size:8px}.anatomy-tabs{justify-content:space-between;gap:4px}.anatomy-tabs button{padding:8px 12px}.anatomy-section #anatomy-copy h3{font-size:20px!important}.study-space .spread-page{padding-inline:23px}.study-binding:after{top:25px;bottom:25px}.books-pagination{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.anatomy-section .spread{transition:none}}

.books-pagination button:disabled{opacity:.4;cursor:default;box-shadow:none}.services{padding-bottom:85px}

/* Compact opening and collapsible works. */
header{height:74px}.hero{min-height:580px;height:78svh;max-height:760px}.hero-content{padding:90px 0 55px}.hero h1{font-size:clamp(46px,4.7vw,74px);line-height:1.4}.hero .eyebrow{margin-bottom:24px}.hero-description{font-size:16px;margin-top:25px}.hero-actions{margin-top:30px}.books-pagination-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.books-pagination .collapse-button{background:transparent;color:#5b5547;border:1px solid #cfc5b0;box-shadow:none}.books-pagination .collapse-button:hover{background:#eee8db}
@media(min-width:1600px){.hero h1{font-size:82px}.hero-description{font-size:18px}.hero .eyebrow{font-size:13px}}
@media(max-width:1000px){.hero{min-height:560px}.hero h1{font-size:58px}}
@media(max-width:700px){header{height:64px}nav{top:64px}.hero{min-height:540px;height:76svh;max-height:660px}.hero-content{padding:80px 0 45px}.hero h1{font-size:clamp(32px,9vw,44px);line-height:1.5}.hero .eyebrow{margin-bottom:20px}.hero-description{font-size:12px;margin-top:22px}.hero-actions{margin-top:25px}.books-pagination button{padding:13px 24px}}

/* Published books: quiet paper stages preserve the entire cover. */
.filter button span{margin-left:5px;font-size:9px}.cover-stage{aspect-ratio:4/5;background:#eeebe3;padding:35px;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-visual.cover-stage img{position:static;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(5px 9px 8px #362e2525);border-radius:0}.book-card:hover .cover-stage img{transform:translateY(-4px)}.book-card .card-info{align-items:flex-start}.card-info h3{font-size:23px;line-height:1.5;word-break:keep-all}.card-info p{font:11px/1.8 var(--ko);margin-top:9px}.cover-pending{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #d5c8aa;padding:25px;gap:20px}.cover-pending span,.cover-pending small{font-size:9px;color:#8d8068}.cover-pending strong{font:25px/1.6 var(--ko)}.works-empty{grid-column:1/-1;padding:65px 0;text-align:center;color:var(--muted)}#books-heading:focus{outline:none}.dialog-layout .cover-stage{min-height:340px;aspect-ratio:4/5;padding:30px}.dialog-layout .book-byline{font-size:12px;margin-top:18px}.series-volume-list{margin-top:25px}.series-volume-list h3{font:12px Inter,sans-serif}.series-volume-list ul{font:11px/1.9 var(--ko);padding-left:18px;margin-top:12px;max-height:210px;overflow:auto}.dialog-layout .cover-reference{font-size:10px;color:#8b8272;margin-top:23px}.book-source{font-size:11px;display:inline-block;border-bottom:1px solid #c9b998;margin-top:15px;color:#8a6c16}.books-pagination{overflow-anchor:none}
@media(max-width:700px){.cover-stage{padding:18px;aspect-ratio:4/5}.card-info h3{font-size:16px;line-height:1.65}.card-info p{font-size:10px}.dialog-layout .cover-stage{min-height:0;max-height:340px;aspect-ratio:1}.dialog-layout .book-visual.cover-stage img{max-height:280px}.dialog-layout h2{font-size:24px;word-break:keep-all}.cover-pending{padding:12px}.cover-pending strong{font-size:17px}}

/* Keep portfolio navigation quiet; status remains available to screen readers. */
.books-pagination{gap:0;margin-top:30px}
.books-pagination p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.books-pagination-actions{gap:25px}
.books-pagination button,.books-pagination .collapse-button{background:none;color:#5b5547;border:0;border-bottom:1px solid #b9aa8a;border-radius:0;box-shadow:none;min-height:44px;padding:8px 2px;font:12px/1.5 var(--ko);letter-spacing:0}
.books-pagination .collapse-button{color:#7b7364;border-bottom-color:transparent}
.books-pagination button:hover,.books-pagination .collapse-button:hover{background:none;color:var(--gold);border-bottom-color:var(--gold)}
@media(max-width:700px){.books-pagination button,.books-pagination .collapse-button{padding:7px 1px;font-size:11px}}

/* The cover is display-only; only the small arrow leads to the bookseller. */
.book-card:hover .book-visual{filter:none}
.book-card:hover .cover-stage img{transform:none}
.book-card .card-info{gap:8px}
.book-buy-link{flex:0 0 44px;min-height:44px;display:grid;place-items:center;align-self:flex-start;color:var(--gold);font:17px/1 Inter,sans-serif;border-radius:50%;transition:background-color .2s,color .2s}
.book-buy-link:hover{background:#ebe4d5;color:#674d00}
.book-buy-pending{flex:0 0 56px;align-self:flex-start;padding-top:8px;text-align:right;color:#8c8679;font:9px/1.5 var(--ko)}

/* The two Smeaton covers retain their native Shin-gukpan proportion. */
.cover-stage.cover-crop-close{padding:24px}
.book-visual.cover-stage.cover-crop-close img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
@media(max-width:700px){.cover-stage.cover-crop-close{padding:10px}}

/* Worship cover: trim only the left spine and a sliver at right, keeping the full height. */
.cover-stage.cover-crop-worship{padding:35px}
.cover-art-window{display:block;height:100%;aspect-ratio:1716/2483;overflow:hidden;box-shadow:5px 9px 8px #362e2525}
.book-visual.cover-stage.cover-crop-worship .cover-art-window img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:87% center;filter:none}
@media(max-width:700px){.cover-stage.cover-crop-worship{padding:18px}}

/* Topic filters lead directly into the book covers. */
#books .book-grid{margin-top:32px}
@media(max-width:700px){#books .book-grid{margin-top:24px}}

/* Keep the two-line studio statement closer together. */
.about-copy h2{line-height:1.45}
@media(max-width:700px){.about-copy h2{line-height:1.5}}

/* An on-page reading panel keeps the book grid calm while showing each story. */
.book-story-trigger{width:100%;margin-top:16px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e6e0d4;background:var(--cream);text-align:left;color:var(--ink);font:11px/1.5 Inter,'Apple SD Gothic Neo',sans-serif;letter-spacing:.02em}
.book-story-trigger:hover{color:var(--gold);border-color:#cbbd9e}
.book-story-toggle{width:19px;height:19px;display:grid;place-items:center;flex:none;border:1px solid #c9bd9f;border-radius:50%;color:var(--gold);font:16px/1 var(--serif)}
.book-story-dialog{width:min(930px,92vw);max-width:none;max-height:88dvh;padding:38px 44px 46px;border:1px solid #dcd3c3;border-radius:3px;background:#f9f7f1;box-shadow:0 22px 70px #1a160d3d;overscroll-behavior:contain}
.book-story-dialog::backdrop{background:#161712ac;backdrop-filter:blur(3px)}
.book-story-close{display:flex;align-items:center;gap:12px;margin:0 0 22px auto;padding:4px 0;border:0;background:none;color:#666056;font:11px/1.4 Inter,'Apple SD Gothic Neo',sans-serif}
.book-story-close span{font:27px/1 var(--serif);color:var(--gold)}
.book-story-close:hover{color:var(--gold)}
.book-story-layout{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1fr);gap:45px;align-items:start}
.book-story-art .cover-stage{aspect-ratio:4/5;box-shadow:none;padding:25px}
.book-story-eyebrow{font:10px/1.5 var(--serif);letter-spacing:2px;color:var(--gold);margin:4px 0 12px}
.book-story-copy h2{font:29px/1.45 var(--ko);letter-spacing:-.7px;word-break:keep-all}
.book-story-byline{font:11px/1.7 var(--ko);color:#777168;margin:9px 0 19px}
.book-story-body{border-top:1px solid #d9d0c1}
.book-story-row{display:grid;grid-template-columns:25px 1fr;gap:9px;padding:16px 0;border-bottom:1px solid #e5ded1}
.book-story-number{font:14px/1.4 var(--serif);color:var(--gold)}
.book-story-row h3{font:600 11px/1.6 Inter,'Apple SD Gothic Neo',sans-serif;letter-spacing:.02em;margin:0 0 6px}
.book-story-row p{font:12px/1.85 var(--ko);color:#565149;word-break:keep-all}
@media(max-width:700px){.book-story-trigger{margin-top:12px;padding:11px 12px;font-size:10px}.book-story-dialog{width:calc(100vw - 24px);max-height:90dvh;padding:16px 20px 28px}.book-story-close{margin-bottom:8px}.book-story-layout{grid-template-columns:1fr;gap:19px}.book-story-art .cover-stage{width:min(100%,240px);height:225px;aspect-ratio:auto;margin:auto;padding:12px}.book-story-copy h2{font-size:23px}.book-story-byline{margin-bottom:13px}.book-story-row{padding:13px 0}.book-story-row p{font-size:11px}}

/* Keep the original photographic look while giving desktop pages a calmer reading width. */
@media(min-width:1001px){
  .wrap{width:min(1180px,82%)}
  header{padding-inline:max(calc((100% - 1180px)/2),9%)}
  .hero{min-height:520px;height:70svh;max-height:640px}
  .hero-content{width:min(960px,calc(100% - 56px));padding:65px 0 42px}
  .hero h1{font-size:clamp(52px,4.2vw,68px);line-height:1.35;letter-spacing:-2.5px}
  .hero .eyebrow{margin-bottom:18px}
  .hero-description{font-size:15px;margin-top:22px}
  .hero-actions{margin-top:27px}
  .about{padding-block:82px 90px}
  .about-layout{gap:56px}
  .reference-photo{aspect-ratio:1;max-height:540px}
  .section{padding-block:72px}
  .section-heading{margin-bottom:36px}
  .section-heading h2{font-size:40px}
  .cover-stage{aspect-ratio:.85}
  #books .book-grid{margin-top:26px}
}