.design .hero{position:relative;min-height:600px}.design-art{display:none}.design .hero h1{font-size:48px}.design-return{position:fixed;bottom:20px;left:20px;z-index:45;display:flex;gap:20px;align-items:center;background:#fff;border:1px solid #bac3cc;box-shadow:0 4px 20px #172f4e10;padding:12px 18px;font-size:12px}.design-return span{color:#88919a}.design .hero-photo{border-radius:0}.design .gallery-paper{border-radius:0}.design .section{padding-top:65px}.design .proof-copy h3{font-size:32px}.design .purchase{border-radius:0}.design .hero .micro{font-size:12px}
/* 01 Editorial opening: restrained asymmetry and a low panoramic photograph */
.design-1 .hero{grid-template-columns:1.2fr 1fr;gap:45px;padding-top:70px;padding-bottom:85px}.design-1 .hero h1{font-size:54px}.design-1 .hero-photo{height:360px;align-self:end;margin-bottom:5px}.design-1 .hero-copy{padding-bottom:55px}.design-1 .section-intro h2{font-size:37px}.design-1 .proof-sample{grid-template-columns:1.35fr 1fr}.design-1 .proof-image{height:380px}
/* 02 Evidence first: large casebook crop with photographic footer */
.design-2 .hero{grid-template-columns:1fr 1.1fr;gap:60px;padding-bottom:0;overflow:hidden}.design-2 .hero-photo{display:none}.design-2 .design-art{display:block;height:490px;overflow:hidden;background:#e9e8e2;padding:28px 28px 0;align-self:end}.design-2 .design-book{display:none}.design-2 .design-document{width:100%}.design-2 .design-caption{display:none}.design-2 .featured-proof{margin-top:0;padding:45px 0}.design-2 .featured-proof .proof-image{height:220px;background:url('assets/hero-writing.jpg') center/cover}.design-2 .featured-proof .proof-image img{display:none}.design-2 .purchase{border-top:3px solid var(--ink)}
/* 03 Workspace: vertical product shelf and compact photographic detail */
.design-3 .hero{grid-template-columns:1fr 1.15fr;gap:55px}.design-3 .hero-photo{position:absolute;bottom:62px;left:0;width:170px;height:96px}.design-3 .hero-copy{padding-bottom:105px}.design-3 .design-art{display:flex;position:relative;align-items:center;justify-content:center;height:475px;background:#e8ecec;padding:38px;gap:24px;overflow:hidden}.design-3 .design-book{width:27%;box-shadow:3px 6px 12px #172f4e17}.design-3 .design-document{width:60%;box-shadow:0 4px 15px #172f4e12}.design-3 .design-caption{position:absolute;bottom:17px;left:25px;font-size:11px;color:var(--muted)}.design-3 .gallery-tabs{justify-content:space-between}.design-3 .gallery-panel{grid-template-columns:1fr 1fr}
/* 04 Companion edition: book as anchor, broad photograph below */
.design-4 .hero{grid-template-columns:1.5fr .65fr;padding-bottom:0;gap:35px}.design-4 .design-art{display:flex;justify-content:center;grid-column:2;grid-row:1;padding:30px}.design-4 .design-book{max-height:340px;box-shadow:6px 10px 20px #172f4e17}.design-4 .design-document,.design-4 .design-caption{display:none}.design-4 .hero-photo{grid-column:1/-1;height:245px;margin-top:20px}.design-4 .hero-photo img{object-position:center 57%}.design-4 .hero h1{font-size:50px}.design-4 .proof-sample{background:#f0eee8;padding:40px}.design-4 .purchase{margin-top:25px}
/* 05 Photo essay: type directly against a full-width real photograph */
.design-5 .hero{display:flex;min-height:660px;padding:65px;color:white;margin-top:30px}.design-5 .hero-photo{position:absolute;inset:0;height:100%;z-index:-1}.design-5 .hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b2135ed 0%,#0b2135b0 43%,#0b21350a 85%)}.design-5 .hero-photo img{object-position:65% center}.design-5 .hero-copy{max-width:650px}.design-5 .hero h1{font-size:55px}.design-5 .hero p,.design-5 .hero .eyebrow{color:#edf0f0}.design-5 .hero .btn{background:#f8f6ef;color:#172f4e;border-color:#f8f6ef}.design-5 .hero .text-link{color:white}.design-5 .section{border:0}.design-5 .purchase{background:#172f4e;color:white}.design-5 .purchase p,.design-5 .purchase-meta{color:#ccd4dc}.design-5 .purchase .btn{background:white;color:#172f4e}
/* 06 Reading room: narrow text, facing-page evidence */
.design-6 .hero{display:block;min-height:0;text-align:center;padding:75px 0 55px}.design-6 .hero-copy>p{margin:auto}.design-6 .hero-actions{justify-content:center}.design-6 .hero-photo{display:none}.design-6 .hero h1{font-size:56px}.design-6 .featured-proof{grid-template-columns:1.35fr 1fr;margin:0;padding:35px;background:#f0eee7;gap:45px}.design-6 .proof-image{height:400px}.design-6 .proof-copy{padding:20px}.design-6 .gallery-panel{grid-template-columns:1fr 1.5fr}.design-6 .support{background:url('assets/hero-writing.jpg') right center/180px auto no-repeat;padding-right:200px}
/* 07 Guided process: side-by-side copy and tall photograph, horizontal journey */
.design-7 .hero{grid-template-columns:1.3fr 1fr;min-height:620px;padding:45px 0;gap:100px}.design-7 .hero h1{font-size:65px;line-height:1.3}.design-7 .hero-photo{height:530px}.journey-rail{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);font-size:20px;font-weight:550}.journey-rail a+a{border-left:1px solid var(--line);padding-left:35px}.design-7 .section{border:0}.design-7 .gallery-panel{grid-template-columns:1fr 1.7fr}.design-7 .gallery-paper{height:420px}
/* 08 Direct commerce: product details upfront, order row before deep exploration */
.design-8 .hero{grid-template-columns:1.1fr 1fr;gap:65px;min-height:560px;padding:50px 0}.design-8 .hero-copy{grid-column:2;grid-row:1}.design-8 .hero h1{font-size:41px}.design-8 .hero-photo{display:none}.design-8 .design-art{display:block;grid-column:1;grid-row:1;height:440px;overflow:hidden;background:#edece6;padding:35px}.design-8 .design-book{display:none}.design-8 .design-caption{display:none}.design-8 .early-purchase{margin-bottom:55px;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;padding:30px 0}.design-8 .proof-image{height:340px}
/* 09 Sample browser: compact introduction followed immediately by file browser */
.design-9 .hero{grid-template-columns:1.6fr 1fr;min-height:390px;padding:40px 0;gap:50px}.design-9 .hero h1{font-size:44px;margin:15px 0}.design-9 .hero-photo{height:260px}.design-9 .hero-copy>p{font-size:15px}.design-9 .hero-actions{margin-top:20px}.design-9 .hero+.gallery-tabs{border-top:1px solid var(--line)}.design-9 main>.gallery-panel{background:#eeefea;padding:32px;grid-template-columns:1fr 1.8fr}.design-9 .gallery-paper{height:400px;background:white}.design-9 #toolkit>.section-intro{display:none}.design-9 #toolkit{border:0;padding-top:0}.design-9 .proof-sample{margin-top:0}.design-9 .purchase{border:0;background:#edece6}
/* 10 Quiet institution: navy masthead, book-inspired formal grid */
.design-10 header{background:#172f4e;color:#fff;border:0}.design-10 .brand img{filter:brightness(0) invert(1)}.design-10 .brand span,.design-10 .languages button,.design-10 .languages button[aria-pressed=true]{color:#e6e9ec}.design-10 .hero{grid-template-columns:1.3fr 1fr;gap:80px;border-bottom:1px solid #172f4e;padding:80px 0}.design-10 .hero h1{font-size:52px}.design-10 .hero-photo{height:380px}.design-10 .section{border:0}.design-10 .section-intro{align-items:start}.design-10 .gallery-panel{grid-template-columns:1fr 1.6fr}.design-10 .proof-sample{border-top:1px solid #172f4e}.design-10 .purchase{border:0;border-left:4px solid #172f4e;background:#efede7;padding:35px}
@media(max-width:680px){.design .hero{display:flex;flex-direction:column;min-height:0;padding:35px 0;gap:25px;text-align:left}.design .hero h1{font-size:35px!important}.design .hero-copy{padding:0;width:100%}.design .hero-photo{position:relative;inset:auto;width:100%;height:255px;margin:0;align-self:auto}.design .design-art{width:100%;height:320px;flex-shrink:0}.design .design-document{object-fit:cover;object-position:top}.design .hero-copy>p{margin:0}.design .hero-actions{justify-content:flex-start}.design .gallery-panel,.design .featured-proof,.design .proof-sample{grid-template-columns:1fr;gap:24px;padding:25px 0}.design .proof-copy h3{font-size:26px}.design .proof-copy{padding:0 15px}.design .proof-image{height:260px}.design-4 .design-art{height:250px}.design-4 .design-book{height:220px}.design-5 .hero{padding:35px 25px;min-height:510px;justify-content:center}.design-5 .hero-photo{position:absolute;inset:0;height:100%}.design-5 .hero-photo:after{background:#102a46b8}.design-6 .support{background:none;padding-right:0}.journey-rail{font-size:13px;gap:10px}.journey-rail a+a{padding-left:10px}.design-8 .early-purchase{margin-bottom:15px}.design-9 main>.gallery-panel{padding:24px 18px}.design-return{bottom:83px;left:10px;padding:9px 12px;font-size:11px}.design-10 .purchase{padding:23px}.design .gallery-paper{height:285px}}