/* Shared compositions for the library, previews and chosen customer templates. */
.tpl-library-hero{background:linear-gradient(115deg,#f4e9dc,#f0eaff 60%,#e4eee8)}
.tpl-hero-grid{grid-template-columns:1.05fr 1fr;gap:64px}.tpl-hero-caption{font-size:12px!important;margin-top:22px;color:#615c72!important}
.tpl-design-stack{position:relative;display:block;transform:none;height:420px;isolation:isolate}
.tpl-stack-design{position:absolute;display:block;width:72%;max-width:345px;background:#fffdf8;box-shadow:0 25px 60px #29203b22;border:8px solid #fffdf8;border-radius:12px;text-decoration:none;--tilt:-9deg;transform:rotate(var(--tilt));animation:tpl-drift 9s ease-in-out infinite;animation-play-state:var(--tpl-motion-state,running)}
.tpl-stack-design:nth-child(1){left:0;top:0;z-index:1}.tpl-stack-design:nth-child(2){right:0;top:85px;z-index:2;--tilt:8deg;animation-delay:-3s}.tpl-stack-design:nth-child(3){left:35px;bottom:-10px;z-index:3;--tilt:-3deg;animation-delay:-6s}
.tpl-design-stack span:nth-child(n){min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;font-family:inherit;flex-direction:row;gap:0}
.tpl-design-stack .tpl-stack-design>span{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 5px;font-size:11px;font-weight:700;color:#302945}.tpl-stack-design:focus-visible{z-index:5;outline:3px solid #5144ed;outline-offset:5px}
.tpl-stack-design .tpl-mini-scene{min-height:180px;aspect-ratio:1.6}
@keyframes tpl-drift{50%{transform:translateY(-10px) rotate(calc(var(--tilt) + 1.5deg))}}
.tpl-collection{border:0;padding:44px 24px 50px;margin-inline:-24px;position:relative}.tpl-collection:nth-of-type(3n+1){background:#ede9f4}.tpl-collection:nth-of-type(3n+2){background:#e8eeea}.tpl-collection:nth-of-type(3n){background:#f1eadd}.tpl-collection>header{margin-bottom:28px}.tpl-collection>header>div{display:flex;align-items:center;gap:20px;min-width:0}.tpl-collection-number{font:400 44px/1 Georgia,serif;color:#776287;opacity:.6}.tpl-collection>header h3{font-size:clamp(1.4rem,2.6vw,2rem)}
.tpl-card{background:transparent;border:0;border-radius:0;box-shadow:none;transition:transform .3s ease;container-type:inline-size}.tpl-card-preview{border-radius:12px;aspect-ratio:1.25;box-shadow:0 12px 30px #27213814;background:#faf7f1}.tpl-card-copy{padding:24px 2px 12px}.tpl-card-copy h3{font-size:26px}.tpl-card-copy p{font-size:13px;min-height:66px;margin-bottom:12px}.tpl-card-copy>div{border-color:#b3a9bb55}.tpl-card-copy .tpl-use{background:#fffaf3;color:#403352;border:1px solid #c1b6cc}.tpl-style-badge{top:12px;left:12px;font-size:10px;background:#ffffffef;color:#382b4c;padding:6px 9px;z-index:2;pointer-events:none}.tpl-preview-overlay{font-size:12px;padding:14px;z-index:4}.tpl-card-copy a svg{transition:transform .2s}.tpl-card-copy a:hover svg{transform:translateX(4px)}
.tpl-mini-scene{position:relative;height:100%;width:100%;overflow:hidden;background:var(--theme-bg,#faf8f2);color:var(--theme-text,#17233c);display:grid;grid-template-columns:1.08fr 1fr;gap:10px;padding:45px 20px 20px;box-sizing:border-box;min-width:0;font-family:'DM Sans',sans-serif}
.tpl-mini-heading{align-self:center;min-width:0;position:relative;z-index:1}.tpl-mini-heading small{display:block;font-size:7px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;opacity:.8;margin-bottom:10px}.tpl-mini-heading strong{display:block;font:500 clamp(16px,6cqw,24px)/1.09 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere}.tpl-mini-heading>span{display:block;font-size:6px;margin-top:12px;line-height:1.5;opacity:.7}.tpl-mini-photo{width:100%;height:100%;object-fit:cover;min-height:0;min-width:0;grid-column:2;grid-row:1/3;transition:transform .5s ease}.tpl-mini-notes{display:grid;gap:8px;font-size:7px;border-top:1px solid var(--theme-line,#d8d3c9);padding-top:12px;min-width:0}.tpl-mini-notes span{font-weight:600;line-height:1.5}.tpl-mini-notes i{display:block;width:88%;height:2px;background:currentColor;opacity:.15}.tpl-mini-notes i:last-child{width:55%}
.mini-gallery{grid-template-columns:1.35fr 1fr;grid-template-rows:auto 1fr;padding:38px 17px 17px;gap:10px}.mini-gallery .tpl-mini-heading{grid-column:1/-1;display:flex;align-items:center;gap:18px}.mini-gallery .tpl-mini-heading strong{font-size:20px;max-width:70%}.mini-gallery .tpl-mini-heading small{font-size:6px;max-width:45px}.mini-gallery .tpl-mini-heading>span,.mini-gallery .tpl-mini-notes{display:none}.mini-gallery .tpl-mini-photo{grid-row:2;grid-column:1}.tpl-mini-second{width:100%;height:100%;object-fit:cover;min-height:0;grid-row:2;grid-column:2;align-self:end;max-height:78%;transition:transform .5s ease}
.mini-editorial{grid-template-columns:1fr 1.3fr;background:var(--theme-bg)}.mini-editorial .tpl-mini-heading strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:26px}.mini-editorial .tpl-mini-photo{grid-row:1;aspect-ratio:1.05;height:auto;align-self:center}.mini-editorial .tpl-mini-notes{grid-column:1/-1;display:flex;justify-content:space-between;align-self:end;border-top:2px solid var(--theme-text);padding-top:10px}.mini-editorial .tpl-mini-notes i{display:none}
.mini-menu .tpl-mini-heading strong{font:400 25px/1.05 Georgia,serif}.mini-menu .tpl-mini-photo{border-radius:50% 50% 8% 8%;max-height:90%;align-self:center}.mini-menu .tpl-mini-notes{font-family:Georgia,serif;letter-spacing:.02em}
.mini-salon .tpl-mini-photo{border-radius:90px 90px 0 0;align-self:end;height:94%}.mini-salon .tpl-mini-heading strong{font:italic 400 26px/1.03 Georgia,serif}.mini-salon .tpl-mini-notes{border:0;font-size:7px}
.mini-workshop{grid-template-columns:1fr 1fr;background:var(--theme-bg);border-bottom:8px solid #9d91e8}.mini-workshop .tpl-mini-heading strong{text-transform:uppercase;font-size:23px;font-weight:800;letter-spacing:-.05em}.mini-workshop .tpl-mini-photo{grid-row:1;aspect-ratio:1.15;height:auto;align-self:center}.mini-workshop .tpl-mini-notes{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:2px solid currentColor}.mini-workshop .tpl-mini-notes i{display:none}
.mini-care .tpl-mini-heading strong{font-size:24px;font-weight:500}.mini-care .tpl-mini-photo{border-radius:50% 50% 45% 8%;align-self:center;max-height:80%}.mini-care .tpl-mini-notes{border:0;gap:12px}
.mini-journal{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:40px 22px 16px}.mini-journal .tpl-mini-heading{grid-column:1/-1;border-bottom:1px solid currentColor;padding-bottom:12px}.mini-journal .tpl-mini-heading small{margin-bottom:5px}.mini-journal .tpl-mini-heading strong{font:400 26px/1.02 Georgia,serif;max-width:85%}.mini-journal .tpl-mini-heading>span{display:none}.mini-journal .tpl-mini-photo{grid-column:1;grid-row:2;height:100%;filter:saturate(.7)}.mini-journal .tpl-mini-notes{grid-column:2;grid-row:2;font-size:8px;align-self:start;padding:2px 0;border:0;gap:12px}
.mini-bookflip{grid-template-columns:1fr 1fr;gap:2px;padding:35px 16px 16px;background:#e7dcc8}.mini-bookflip .tpl-mini-heading{background:#fff9ee;color:#3d3025;height:100%;padding:16px 12px;align-content:center;box-shadow:inset -6px 0 10px #66462712;grid-row:1/3}.mini-bookflip .tpl-mini-heading strong{font:400 22px/1.14 Georgia,serif}.mini-bookflip .tpl-mini-heading>span{display:none}.mini-bookflip .tpl-mini-photo{grid-column:2;grid-row:1/3;border:8px solid #fff9ee;box-shadow:inset 6px 0 10px #66462712}.mini-bookflip .tpl-mini-notes{display:none}
.mini-spotlight{grid-template-columns:1fr;grid-template-rows:1fr;background:#17202f;color:#fff;text-align:center;padding:40px 24px 24px}.mini-spotlight .tpl-mini-photo{position:absolute;inset:0;height:100%;opacity:.3;grid-area:auto}.mini-spotlight .tpl-mini-heading{max-width:90%;margin:auto;align-self:center}.mini-spotlight .tpl-mini-heading strong{font-size:29px;font-weight:700}.mini-spotlight .tpl-mini-heading small{letter-spacing:.18em}.mini-spotlight .tpl-mini-notes{display:none}
/* Open sections: photographs, reading space and generous bands instead of repeated boxes. */
.template-designed .space-page-main{display:block;max-width:1240px}.template-designed .space-intro{position:relative;top:auto;padding-block:74px 66px}.template-designed .space-intro-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,7vw,100px);align-items:end}.template-designed .space-intro h1{font-size:clamp(2.8rem,6vw,6rem);max-width:16ch;line-height:1.05;letter-spacing:-.055em;margin:0;font-weight:500}.template-designed .space-intro-details{display:block;margin:0}.template-designed .space-intro-details>p{font-size:17px;line-height:1.85;max-width:44ch;margin:0 0 26px;color:var(--theme-muted)}.template-designed .space-intro-actions{justify-content:flex-start;flex-wrap:wrap}.template-designed .space-intro-kicker{padding-bottom:28px}.template-designed .space-work{margin:0;padding-top:28px;border-top:1px solid var(--theme-line)}.template-designed .space-work-heading{padding-block:32px;margin-bottom:12px}.template-designed .space-work-heading h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:400}.template-designed .space-work-heading>span{max-width:23ch;line-height:1.6;letter-spacing:.025em}
.template-designed:not(.layout-bookflip) .space-stories{display:block;gap:0}
.template-designed:not(.layout-bookflip) .space-stories .space-story:nth-child(n){position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,84px);padding:60px 0;margin:0;border:0;border-top:1px solid var(--theme-line);border-radius:0;background:transparent;box-shadow:none;min-width:0}
.template-designed:not(.layout-bookflip) .space-stories .space-story:nth-child(n) .space-story-visual{grid-column:1;grid-row:1;margin:0;min-width:0;position:relative;overflow:hidden;order:initial;border-radius:2px}
.template-designed:not(.layout-bookflip) .space-stories .space-story:nth-child(n) .space-story-content{display:block;grid-column:2;grid-row:1;order:initial;min-width:0;max-width:none}
.template-designed:not(.layout-bookflip) .space-stories .space-story.no-media:nth-child(n) .space-story-content{grid-column:1/-1;grid-row:auto;max-width:780px;width:100%;margin-inline:auto}
.template-designed .space-stories .space-story:nth-child(n) h3{display:block;font-size:clamp(1.9rem,3.4vw,3.3rem);font-weight:400;letter-spacing:-.045em;line-height:1.16;max-width:22ch;color:var(--theme-text)}
.template-designed .space-story-detail>p{margin-top:24px;font-size:16px;line-height:1.9;max-width:58ch;color:var(--theme-muted);overflow-wrap:anywhere}
.template-designed .space-story-visual :is(img,video){display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1);border-radius:inherit}
.template-designed .space-story-number{position:absolute;z-index:2;top:20px;left:0;font:500 11px 'DM Sans',sans-serif;letter-spacing:.12em;color:var(--theme-muted);margin:0}
.template-designed .space-section-icon{display:block;margin-bottom:18px}.template-designed .space-section-icon svg{width:30px;height:30px;stroke-width:1.4}.template-designed .space-story-link{border-bottom:1px solid var(--theme-line);padding-bottom:7px;gap:24px}.template-designed .space-story-link svg{transition:transform .2s}
.template-designed:not(.layout-bookflip) .space-stories .space-story:last-child:nth-child(n){padding:50px clamp(22px,5vw,64px);background:var(--theme-panel-2);border:0;margin-top:28px}.template-designed .space-next{padding-block:65px}.template-designed .space-next-link h2{font-weight:400}.template-designed .tpl-preview-next{border:0;border-radius:0;background:var(--theme-panel-2);margin:48px 0 65px;padding:48px}.template-designed .tpl-preview-next h2{max-width:16ch;font-weight:400;font-size:clamp(2.4rem,5vw,4.2rem)}
.template-designed .tpl-preview-cover{height:clamp(300px,48vw,530px)!important}.tpl-cover-signature{position:absolute;z-index:2;inset:auto 28px 72px;margin:0!important;font:400 clamp(3rem,8vw,7rem)/1 Georgia,serif;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 25px #0008}.tpl-cover-signature i{display:block;font:italic 16px/1.4 Georgia,serif;letter-spacing:0;margin-top:14px}.template-designed .tpl-preview-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#13141a99);pointer-events:none}.template-designed .tpl-preview-cover>span{left:28px;bottom:24px;background:#fffaf1;color:#2c2638;border-radius:0;font-size:9px;letter-spacing:.06em}
/* Alternating studio spreads. */
.template-designed.layout-split .space-intro h1{font-family:Georgia,serif;font-weight:400}
.template-designed.layout-split .space-stories .space-story.has-media:nth-child(3n) .space-story-visual{grid-column:2;grid-row:1}.template-designed.layout-split .space-stories .space-story.has-media:nth-child(3n) .space-story-content{grid-column:1;grid-row:1}.template-designed.layout-split .space-stories .space-story.no-media:nth-child(2){padding:68px 28px;background:var(--theme-panel);text-align:center}.template-designed.layout-split .space-stories .space-story.no-media:nth-child(2) h3{margin-inline:auto;max-width:18ch;font-size:clamp(2.4rem,5vw,4.4rem)}.template-designed.layout-split .space-story.no-media:nth-child(2) p{margin-inline:auto}.template-designed.layout-split .space-story.has-media:nth-child(1) img{aspect-ratio:5/6}
/* A portfolio mosaic with a deliberately open statement and contact row. */
.template-designed.layout-gallery .space-intro h1{font-size:clamp(3rem,6.8vw,6.4rem)}.template-designed.layout-gallery .space-stories{display:grid;grid-template-columns:1.3fr 1fr;gap:0 48px;align-items:start}
.template-designed.layout-gallery .space-stories .space-story.has-media:nth-child(n){display:flex;flex-direction:column;padding:28px 0 45px;gap:22px;border:0;align-items:stretch}.template-designed.layout-gallery .space-story.has-media:nth-child(even){padding-top:115px!important}.template-designed.layout-gallery .space-story.has-media:nth-child(n) .space-story-content{grid-area:auto}.template-designed.layout-gallery .space-story.has-media:nth-child(1) img{aspect-ratio:4/5}.template-designed.layout-gallery .space-story.has-media:nth-child(2) img{aspect-ratio:1.08}.template-designed.layout-gallery .space-story-number{top:6px}.template-designed.layout-gallery .space-stories .space-story.no-media:nth-child(n){grid-column:1/-1;text-align:center;padding:70px 30px;background:var(--theme-panel-2);border:0}.template-designed.layout-gallery .space-story.no-media h3{margin-inline:auto;font:400 clamp(2.2rem,5vw,4rem)/1.13 Georgia,serif;max-width:20ch}.template-designed.layout-gallery .space-story.no-media p{margin-inline:auto}.template-designed.layout-gallery .space-stories .space-story:last-child:nth-child(n){background:transparent;border-top:1px solid var(--theme-line);padding-block:48px}
/* Magazine: a feature, a type-led pause, a visual essay and an author note. */
.template-designed.layout-editorial .space-intro h1{font-family:Georgia,serif;font-weight:400}.template-designed.layout-editorial .space-stories .space-story.has-media:first-child{grid-template-columns:1fr;padding-top:28px;border:0;gap:35px}.template-designed.layout-editorial .space-story.has-media:first-child .space-story-visual{grid-column:1;grid-row:1}.template-designed.layout-editorial .space-story.has-media:first-child .space-story-content{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:50px}.template-designed.layout-editorial .space-story.has-media:first-child img{aspect-ratio:2.05}.template-designed.layout-editorial .space-story.has-media:first-child .space-story-detail>p{margin-top:0}.template-designed.layout-editorial .space-stories .space-story.no-media:nth-child(2){border:0;padding:80px 35px;background:var(--theme-panel-2)}.template-designed.layout-editorial .space-story.no-media:nth-child(2) h3{font:italic 400 clamp(2.5rem,5.5vw,5rem)/1.08 Georgia,serif;max-width:17ch}.template-designed.layout-editorial .space-story.has-media:nth-child(3) img{aspect-ratio:3/4}
/* Menus flow as reading rows, with one generous food photograph. */
.template-designed.layout-menu .space-intro-copy{display:block;text-align:center}.template-designed.layout-menu .space-intro h1{font-family:Georgia,serif;margin-inline:auto;max-width:16ch}.template-designed.layout-menu .space-intro-details{margin:28px auto 0}.template-designed.layout-menu .space-intro-details>p{margin-inline:auto}.template-designed.layout-menu .space-intro-actions{justify-content:center}.template-designed.layout-menu .space-work-heading h2{font-family:Georgia,serif}.template-designed.layout-menu .space-story.no-media:first-child .space-story-content{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:60px}.template-designed.layout-menu .space-story.no-media:first-child p{margin-top:0}.template-designed.layout-menu .space-story.has-media:nth-child(2) img{aspect-ratio:1;border-radius:50% 50% 5% 5%}.template-designed.layout-menu .space-story:nth-child(3){text-align:center}.template-designed.layout-menu .space-story:nth-child(3) h3,.template-designed.layout-menu .space-story:nth-child(3) p{margin-inline:auto}
/* Beauty: an arched portrait, a studio manifesto, then an image-led visit guide. */
.template-designed.layout-salon .space-intro h1,.template-designed.layout-salon .space-story h3{font-family:Georgia,serif}.template-designed.layout-salon .space-story.has-media:first-child .space-story-visual{border-radius:48% 48% 0 0}.template-designed.layout-salon .space-story.has-media:first-child img{aspect-ratio:4/5}.template-designed.layout-salon .space-stories .space-story.no-media:nth-child(2){padding:76px 38px;text-align:center;background:var(--theme-panel-2);border:0}.template-designed.layout-salon .space-story.no-media:nth-child(2) h3{font:italic 400 clamp(2.8rem,6vw,5.6rem)/1.12 Georgia,serif;margin-inline:auto}.template-designed.layout-salon .space-story.no-media:nth-child(2) p{margin-inline:auto}.template-designed.layout-salon .space-story.has-media:nth-child(3) .space-story-visual{grid-column:2;grid-row:1;border-radius:0 0 45% 45%}.template-designed.layout-salon .space-story.has-media:nth-child(3) .space-story-content{grid-column:1;grid-row:1}
/* Workshop: large type, crisp rules and a feature that gets out of the way of the details. */
.template-designed.layout-workshop .space-intro h1{text-transform:uppercase;font-weight:800;font-size:clamp(2.8rem,6.4vw,6.5rem);letter-spacing:-.07em}.template-designed.layout-workshop .space-work{border-top:5px solid var(--accent)}.template-designed.layout-workshop .space-story.no-media:first-child .space-story-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:none}.template-designed.layout-workshop .space-story.no-media:first-child p{margin-top:0}.template-designed.layout-workshop .space-story.has-media:nth-child(2){grid-template-columns:1.35fr 1fr}.template-designed.layout-workshop .space-story.has-media:nth-child(2) img{aspect-ratio:1.25}.template-designed.layout-workshop .space-stories .space-story.no-media:nth-child(3){border-top:3px solid var(--theme-line)}.template-designed.layout-workshop .space-story h3{font-weight:650}
/* Care: calm, rounded media and clear, unboxed information. */
.template-designed.layout-care .space-intro h1{font-weight:400;font-size:clamp(2.8rem,5.8vw,5.2rem)}.template-designed.layout-care .space-story.has-media:first-child .space-story-visual{border-radius:48% 48% 12% 12%}.template-designed.layout-care .space-story.has-media:first-child img{aspect-ratio:1}.template-designed.layout-care .space-stories .space-story.no-media:nth-child(2){background:var(--theme-panel-2);padding:60px 36px;border:0}.template-designed.layout-care .space-story.has-media:nth-child(3) .space-story-visual{grid-column:2;grid-row:1;border-radius:6px 45% 6px 6px}.template-designed.layout-care .space-story.has-media:nth-child(3) .space-story-content{grid-column:1;grid-row:1}
/* Journal: a masthead, a lead feature and readable open columns. */
.template-designed.layout-journal .space-page-main{max-width:1100px}.template-designed.layout-journal .space-intro-copy{display:block;text-align:center;border-block:1px solid var(--theme-line);padding-block:34px}.template-designed.layout-journal .space-intro h1{font-family:Georgia,serif;margin-inline:auto;max-width:19ch}.template-designed.layout-journal .space-intro-details{margin:28px auto 0}.template-designed.layout-journal .space-intro-details>p{margin-inline:auto}.template-designed.layout-journal .space-intro-actions{justify-content:center}.template-designed.layout-journal .space-story.has-media:first-child{grid-template-columns:1.35fr 1fr}.template-designed.layout-journal .space-story.has-media:first-child img{aspect-ratio:4/5}.template-designed.layout-journal .space-story h3{font-family:Georgia,serif}.template-designed.layout-journal .space-story.no-media:nth-child(2) .space-story-content{max-width:none;display:grid;grid-template-columns:1fr 1.3fr;gap:48px}.template-designed.layout-journal .space-story.no-media:nth-child(2) p{margin-top:0}.template-designed.layout-journal .space-stories .space-story.no-media:nth-child(3){padding:68px 36px;background:var(--theme-panel-2);border:0}.template-designed.layout-journal .space-story.no-media:nth-child(3) h3{font-style:italic;font-size:clamp(2.3rem,5vw,4rem)}
/* Spotlight: an oversized opening and a photograph that carries its own feature. */
.template-designed.layout-spotlight .space-intro-copy{display:block;text-align:center}.template-designed.layout-spotlight .space-intro h1{margin-inline:auto;max-width:18ch;font-weight:650}.template-designed.layout-spotlight .space-intro-details{margin:30px auto 0}.template-designed.layout-spotlight .space-intro-details>p{margin-inline:auto}.template-designed.layout-spotlight .space-intro-actions{justify-content:center}.template-designed.layout-spotlight .space-story.no-media:first-child{text-align:center}.template-designed.layout-spotlight .space-story.no-media:first-child h3,.template-designed.layout-spotlight .space-story.no-media:first-child p{margin-inline:auto}.template-designed.layout-spotlight .space-stories .space-story.has-media:nth-child(2){display:block;padding:0;background:#17202f;color:#fff;min-height:540px;overflow:hidden}.template-designed.layout-spotlight .space-story.has-media:nth-child(2) .space-story-visual{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.template-designed.layout-spotlight .space-story.has-media:nth-child(2) img{height:100%;aspect-ratio:auto;opacity:.38}.template-designed.layout-spotlight .space-story.has-media:nth-child(2) .space-story-content{position:relative;z-index:1;padding:90px clamp(24px,7vw,90px);max-width:850px}.template-designed.layout-spotlight .space-story.has-media:nth-child(2) h3{color:#fff;font-size:clamp(2.8rem,5.3vw,4.8rem)}.template-designed.layout-spotlight .space-story.has-media:nth-child(2) :is(p,.space-section-icon,.space-story-link){color:#f1f0fa}.template-designed.layout-spotlight .space-story.has-media:nth-child(2) .space-story-number{color:#f1f0fa;left:24px}
/* The chapter book remains a book, with a subtle spine and a tactile page turn. */
.template-designed.layout-bookflip .space-intro h1{font:400 clamp(3rem,6vw,6rem)/1.07 Georgia,serif}.template-designed.layout-bookflip .space-stories .space-story:nth-child(n){border:0;border-radius:3px 14px 14px 3px;background:linear-gradient(90deg,var(--theme-panel) 48%,var(--theme-panel-2) 50%,var(--theme-panel) 52%);box-shadow:0 24px 48px #00000014;gap:55px;padding:50px 50px 65px;margin-top:30px}.template-designed.layout-bookflip .space-story-visual img{border-radius:0;aspect-ratio:4/5}.template-designed.layout-bookflip .space-story-content h3{font-family:Georgia,serif}.template-designed.layout-bookflip .space-story-number{top:auto;bottom:25px;left:auto;right:32px}.template-designed.layout-bookflip .space-story.no-media .space-story-content{max-width:650px;padding-block:40px}.template-designed .tpl-book-controls button{transition:background .2s,transform .2s}.template-designed .tpl-book-controls button:not(:disabled):hover{background:var(--theme-panel-2);transform:translateY(-2px)}
/* Studio's compact preview uses the same section rhythm, without hiding editable content. */
.preview-device.template-designed{display:block}.preview-device.template-designed .preview-blocks{display:block;padding:18px}.preview-device.template-designed .preview-block:nth-child(n){background:transparent;border:0;border-top:1px solid var(--theme-line,#ccc8c0);border-radius:0;padding:24px 0;box-shadow:none;margin:0}.preview-device.template-designed .preview-block:nth-child(3n){background:var(--theme-panel-2);padding:25px 18px}.preview-device.template-designed .preview-block img{border-radius:1px;max-height:none;aspect-ratio:4/3;object-fit:cover}.preview-device.template-designed.layout-gallery .preview-blocks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-device.template-designed.layout-gallery .preview-block:nth-child(n+3){grid-column:1/-1}.preview-device.template-designed.layout-salon .preview-block:first-child img,.preview-device.template-designed.layout-care .preview-block:first-child img{border-radius:45% 45% 0 0;aspect-ratio:1}.preview-device.template-designed.layout-bookflip .preview-blocks{display:flex}.preview-device.template-designed.layout-bookflip .preview-block{padding:20px;background:var(--theme-panel);border:1px solid var(--theme-line);margin-right:12px}.preview-device.template-designed.layout-editorial .preview-block:first-child img{aspect-ratio:1.7}
@media(hover:hover) and (pointer:fine){.tpl-card:hover{transform:translateY(-6px)}.tpl-card-preview:hover .tpl-mini-photo,.tpl-card-preview:hover .tpl-mini-second{transform:scale(1.035)}.template-designed .space-story:hover .space-story-visual img{transform:scale(1.025)}.template-designed .space-story-link:hover svg{transform:translateX(5px)}}
.tpl-reveal-pending{opacity:0;transform:translateY(22px)}.tpl-reveal-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1039px){.tpl-hero-grid{gap:32px}.tpl-design-stack{height:355px}.tpl-stack-design{width:78%}.tpl-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tpl-card-copy h3{font-size:23px}.tpl-mini-scene{padding-inline:14px}.tpl-mini-heading strong{font-size:19px}.mini-spotlight .tpl-mini-heading strong{font-size:24px}.template-designed .space-intro-copy{gap:34px}.template-designed .space-stories .space-story:nth-child(n) h3{font-size:2.3rem}.template-designed.layout-bookflip .space-stories .space-story:nth-child(n){gap:32px;padding:30px 30px 60px}}
@media(max-width:760px){.tpl-hero-grid{grid-template-columns:1fr}.tpl-design-stack{width:min(100%,500px);margin:24px auto 12px;height:370px}.tpl-stack-design{width:65%}.tpl-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-collection>header{align-items:flex-start}.tpl-collection>header>div{gap:14px}.template-designed .space-intro{padding-block:44px}.template-designed .space-intro-copy{display:block;text-align:left}.template-designed .space-intro-details{margin-top:26px}.template-designed .space-intro h1{font-size:clamp(2.8rem,8vw,4rem)}.template-designed .space-work-heading{align-items:flex-start;gap:16px}.template-designed .space-work-heading>span{font-size:10px}.template-designed:not(.layout-bookflip) .space-stories .space-story:nth-child(n){grid-template-columns:1fr;padding-block:38px;gap:25px}.template-designed:not(.layout-bookflip) .space-stories .space-story:nth-child(n) .space-story-visual{grid-column:1;grid-row:1}.template-designed:not(.layout-bookflip) .space-stories .space-story:nth-child(n) .space-story-content{grid-column:1;grid-row:2;display:block}.template-designed:not(.layout-bookflip) .space-stories .space-story.no-media:nth-child(n) .space-story-content{grid-row:auto}.template-designed.layout-gallery .space-stories{grid-template-columns:1fr 1fr;gap:0 22px}.template-designed.layout-gallery .space-story.has-media:nth-child(even){padding-top:70px!important}.template-designed.layout-gallery .space-stories .space-story.has-media:nth-child(n) h3{font-size:1.6rem}.template-designed.layout-gallery .space-story.has-media p{font-size:14px}.template-designed.layout-editorial .space-story.has-media:first-child .space-story-content{display:block}.template-designed .space-stories .space-story:nth-child(n) .space-story-detail>p{margin-top:20px}.template-designed.layout-spotlight .space-story.has-media:nth-child(2) .space-story-content{padding:75px 28px;grid-row:auto}.template-designed.layout-spotlight .space-stories .space-story.has-media:nth-child(2){min-height:480px}.template-designed .tpl-preview-next{padding:32px 24px}.template-designed.layout-bookflip .space-stories .space-story:nth-child(n){grid-template-columns:1fr;background:var(--theme-panel);padding:24px 24px 55px}.template-designed.layout-bookflip .space-story-visual img{aspect-ratio:4/3}.template-designed .space-stories .space-story:nth-child(n) h3{font-size:2.1rem}.tpl-cover-signature{inset:auto 20px 70px}.tpl-cover-signature i{font-size:14px}.template-designed .tpl-preview-cover>span{left:20px;right:auto;max-width:calc(100% - 40px);font-size:8px}}
@media(max-width:520px){.tpl-card-grid{grid-template-columns:1fr;gap:36px}.tpl-card-preview{aspect-ratio:1.25}.tpl-mini-scene{padding:45px 22px 22px}.tpl-mini-heading strong{font-size:26px}.mini-gallery .tpl-mini-heading strong{font-size:22px}.mini-bookflip .tpl-mini-heading strong{font-size:24px}.mini-spotlight .tpl-mini-heading strong{font-size:32px}.mini-journal .tpl-mini-heading strong{font-size:27px}.tpl-design-stack{height:310px}.tpl-stack-design{width:69%;border-width:6px}.tpl-stack-design .tpl-mini-scene{min-height:155px;padding:28px 12px 12px}.tpl-stack-design .tpl-mini-heading strong{font-size:18px}.tpl-stack-design:nth-child(3){left:24px}.tpl-collection{margin-inline:-20px;padding:32px 20px 40px}.tpl-collection>header>div{align-items:flex-start}.tpl-collection-number{font-size:34px}.tpl-collection>header h3{font-size:24px;max-width:15ch}.tpl-collection>header>span{margin-left:49px;font-size:11px}.template-designed .space-intro-kicker>span{display:none}.template-designed .space-work-heading{display:block}.template-designed .space-work-heading>span{display:block;margin-top:16px;max-width:none}.template-designed.layout-gallery .space-stories{display:block}.template-designed.layout-gallery .space-story.has-media:nth-child(even){padding-top:25px!important}.template-designed.layout-gallery .space-stories .space-story.has-media:nth-child(n) h3{font-size:2rem}.template-designed.layout-gallery .space-story.has-media p{font-size:16px}.template-designed .space-stories .space-story.no-media:nth-child(n){padding-inline:20px}.template-designed:not(.layout-bookflip) .space-stories .space-story:last-child:nth-child(n){padding-inline:22px}.tpl-hero-art .tpl-mini-heading>span{display:none}}
@media(prefers-reduced-motion:reduce){.tpl-stack-design{animation:none}.tpl-card,.tpl-mini-photo,.tpl-mini-second,.template-designed .space-story-visual :is(img,video),.template-designed .space-story-link svg,.tpl-card-copy a svg,.template-designed .tpl-book-controls button{transition:none}.tpl-reveal-pending,.tpl-reveal-visible{opacity:1;transform:none;transition:none}}