/* Concept B: a continuous photographic cover, not stacked text and a product card. */
.showcase-home{--folio-paper:#eee7d9;--folio-ink:#192e45;--folio-rule:#b8ac99;--folio-red:#873d36;--paper:#1b324b;--muted:#596168;--gold:#765336;--line:#c6b9a5;--pad:clamp(14px,2.7vw,36px);background:var(--folio-paper);color:var(--folio-ink);color-scheme:light}
.showcase-home :focus-visible{outline:2px solid #8b482c;outline-offset:5px}
.showcase-home .site-header{position:relative;top:auto;background:var(--folio-paper);color:var(--folio-ink);border:0;backdrop-filter:none}
.showcase-home .header-inner{max-width:1120px;padding:28px var(--pad) 22px;gap:20px;position:relative;align-items:center}
.showcase-home .site-header .brand{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,9.6vw,6.5rem);letter-spacing:-.06em;gap:clamp(12px,3vw,34px);flex:1;min-width:0;line-height:1}
.showcase-home .site-header .brand-type{font-family:inherit;font-weight:900;white-space:nowrap}
.showcase-home .site-header .brand .star{color:var(--folio-ink);font-weight:400;letter-spacing:-.1em}
.showcase-home .site-header .brand-emblem{width:clamp(66px,17vw,174px);height:auto;flex-shrink:0}
.showcase-home .site-header .brand small{font:600 clamp(11px,2.2vw,23px)/1.6 var(--serif);letter-spacing:.035em;color:var(--folio-ink);margin-top:9px;white-space:nowrap}
.showcase-home .desktop-nav{display:none}
.showcase-home .header-tools{border-left:1px solid #a99c86;padding-left:clamp(14px,3.8vw,42px);gap:0;position:relative;align-self:stretch;display:flex;align-items:center}
.showcase-home .language{position:absolute;right:0;top:-18px;font:600 12px/1.5 var(--label);letter-spacing:.07em;min-width:32px;min-height:30px;border:0;color:var(--folio-ink);padding:4px}
.showcase-home .menu-button{display:flex;flex-direction:column-reverse;justify-content:center;gap:10px;min-width:60px;min-height:60px;padding:0;color:var(--folio-ink);font-family:var(--serif);font-size:18px;line-height:1.2}
.showcase-home .menu-label{display:block}
.showcase-home .menu-lines{width:40px;height:24px;border-color:var(--folio-ink);border-width:2px;position:relative}
.showcase-home .menu-lines:after{content:'';position:absolute;top:9px;left:0;right:0;border-top:2px solid currentColor}
.showcase-home .menu-button[aria-expanded=true] .menu-lines{height:0;border:0;border-bottom:1.5px solid;transform:rotate(45deg)}
.showcase-home .menu-button[aria-expanded=true] .menu-lines:after{display:block;inset:0;border-top:1.5px solid;transform:rotate(90deg)}
.showcase-home .mobile-nav{background:var(--folio-paper);color:var(--folio-ink);border-color:var(--folio-rule);box-shadow:0 14px 22px #17253620}
.showcase-home .mobile-nav a{border-color:var(--folio-rule)}
.showcase-home .mobile-nav a:after{color:var(--folio-red)}
.showcase-home .progress{background:var(--folio-red);height:1px}
.folio-opening{max-width:1120px;padding:0 var(--pad);margin:auto}
.folio-mastline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 10px 15px;font:400 clamp(11px,1.6vw,16px)/1.5 Georgia,serif;letter-spacing:.19em}
.folio-mastline p{color:var(--folio-red);padding-bottom:5px;border-bottom:1px solid var(--folio-red)}
.folio-mastline>span{font-size:11px;letter-spacing:.16em}
.folio-stage{position:relative}
.folio-heading{position:relative;height:clamp(48px,8.4vw,92px);z-index:2;padding:0 0 0 10px;pointer-events:none}
.folio-heading h1{display:inline-block;font:600 clamp(32px,8.5vw,86px)/1.13 var(--serif);letter-spacing:-.06em;text-wrap:initial;white-space:nowrap;overflow-wrap:normal;padding:0 48px 16px 9px;margin-left:-9px;background:linear-gradient(90deg,var(--folio-paper) 0%,var(--folio-paper) 86%,#eee7d900 100%)}
.folio-location{position:absolute;top:0;right:1.5%;font:600 clamp(12px,2.4vw,24px)/1.55 var(--serif);border-left:2px solid var(--folio-red);padding-left:clamp(9px,2vw,20px);letter-spacing:.045em;margin:0}
.folio-artwork{position:relative;background:#151f2c;aspect-ratio:1.55;overflow:hidden}
.folio-artwork:after{content:'';position:absolute;inset:0 70% 0 0;background:linear-gradient(90deg,#050e0acc,transparent);pointer-events:none}
.folio-cover{display:block;border:0;padding:0;margin:0;width:100%;height:100%;background:#151f2c}
.folio-cover img{width:100%;height:100%;object-fit:cover;object-position:center;max-height:none}
.folio-vertical{position:absolute;left:4%;top:32%;z-index:1;writing-mode:vertical-rl;color:#fffaf0;font:600 clamp(12px,2.5vw,25px)/1.9 var(--serif);letter-spacing:.12em;pointer-events:none;text-shadow:0 1px 12px #000}
.folio-vertical:after{content:'';position:absolute;height:60px;width:1px;background:#ede4d2b3;right:50%;top:calc(100% + 22px)}
.folio-image-note{position:absolute;bottom:9px;right:12px;color:#fff9ecb3;font:400 10px/1.4 Arial,sans-serif;letter-spacing:.08em;pointer-events:none;text-shadow:0 1px 5px #000}
.folio-caption{display:flex;align-items:center;gap:22px;padding:15px 10px;min-width:0;line-height:1.5}
.folio-number{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--folio-red);border-right:1px solid var(--folio-red);padding:0 23px 0 0}
.folio-caption a{font-family:var(--serif);font-size:clamp(12px,2vw,23px);display:flex;align-items:center;gap:10px;min-height:32px;text-underline-offset:5px}
.folio-caption a:hover{text-decoration:underline}
.folio-caption-signature{margin-left:auto;font:400 11px/1.5 Georgia,serif;letter-spacing:.2em;white-space:nowrap;display:flex;align-items:center;gap:24px;flex:1;justify-content:end}
.folio-caption-signature:before{content:'';height:1px;background:#1b324b;max-width:270px;flex:1}
.folio-primary{display:flex;align-items:center;justify-content:center;gap:18px;background:#1b324b;color:#fffaf0;font-family:var(--serif);font-size:clamp(20px,3.5vw,36px);line-height:1.5;min-height:56px;padding:10px 24px;margin:0;border:1px solid #1b324b;transition:background .2s}
.folio-primary:after{content:'↗';font-family:Arial,sans-serif;font-size:1em}
.folio-primary:hover{background:#294963}
.folio-details{max-width:1120px;padding:30px var(--pad) 22px;margin:auto}
.folio-details>header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px;padding:0 10px}
.folio-details h2{font:600 clamp(20px,4.7vw,46px)/1.5 var(--serif);letter-spacing:-.04em;white-space:nowrap}
.folio-details>header>p{font:400 11px/1.9 Georgia,serif;letter-spacing:.21em;white-space:nowrap;border-left:1px solid var(--folio-red);padding-left:25px}
.folio-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.folio-detail-grid figure{min-width:0}
.folio-detail-grid a{display:block}
.folio-detail-photo{display:block;overflow:hidden;aspect-ratio:1.8}
.folio-detail-grid img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.folio-detail-grid figure:first-child img{transform:scale(1.8);transform-origin:33% 0%}
.folio-detail-grid figure:nth-child(2) img{object-position:50% 74%}
.folio-detail-grid figcaption{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--folio-rule);font-size:14px;line-height:1.7}
html[lang=en] .folio-heading h1{font-size:clamp(30px,7.5vw,76px);line-height:1.25;letter-spacing:-.055em}
html[lang=en] .folio-vertical{writing-mode:horizontal-tb;max-width:25%;font:400 clamp(11px,1.7vw,18px)/1.7 Georgia,serif;letter-spacing:0;top:40%}
html[lang=en] .folio-vertical:after{right:auto;left:0;height:50px}
/* Three destinations occupy one concise row, keeping the visual story moving. */
.showcase-home .home-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin:0 auto 28px;padding:0 var(--pad);gap:0;border:0}
.showcase-home .home-start a,.showcase-home .home-start a:first-child,.showcase-home .home-start a:last-child{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:10px 15px;font-size:1rem;line-height:1.5;border:0;border-block:1px solid var(--folio-rule);border-right:1px solid var(--folio-rule);color:var(--folio-ink)}
.showcase-home .home-start a:last-child{border-right:0}
.showcase-home .home-start span{grid-row:auto;color:var(--folio-red);font-family:inherit}
.showcase-home .home-start a:hover{background:#dfd4c1}
/* Ink chapters provide focus for the actual story of the embroidery. */
.showcase-home .home-introduction,.showcase-home .making-editorial,.showcase-home .next-special-line,.showcase-home .visit-editorial{--paper:#f2efe6;--muted:#c9cbd0;--gold:#c8b48a;--line:#edf1df33;color:#f2efe6;background:#171e27;max-width:none}
.showcase-home .home-introduction{padding-inline:max(var(--pad),calc((100vw - 1220px)/2));gap:9%;padding-block:85px}
.showcase-home .signature-photo{width:100%;max-width:460px;justify-self:center}
.showcase-home .signature-photo .zoom img{max-height:640px}
.showcase-home .home-introduction .feature-kicker,.showcase-home .making-copy .feature-kicker{color:#c7b489}
.showcase-home .home-introduction .signature-story p{color:#c9cbd0}
.showcase-home .home-introduction h2,.showcase-home .making-copy h2{font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.65}
.showcase-home .making-editorial{padding-inline:max(var(--pad),calc((100vw - 1220px)/2));background:#1d2e42}
.showcase-home .making-photo .zoom{background:#1d2e42}
.showcase-home .special-editorial{background:var(--folio-paper);color:var(--folio-ink);padding-block:85px 75px}
.showcase-home .special-editorial .feature-kicker{color:var(--folio-red)}
.showcase-home .feature-section-head h2{font-size:clamp(2rem,3.6vw,3.3rem)}
.showcase-home .home-commission{background:var(--folio-paper);color:var(--folio-ink)}
.showcase-home .home-commission .feature-kicker,.showcase-home .home-standard-door .feature-kicker{color:var(--folio-red)}
.showcase-home .home-commission .feature-button{background:#1b324b;color:#fffaf0}
.showcase-home .home-standard-door{background:#e3d8c5;color:var(--folio-ink)}
.showcase-home .owner-editorial{background:var(--folio-paper);color:var(--folio-ink);padding-block:80px}
.showcase-home .owner-editorial>div>p:not(.feature-kicker){color:#525c65}
.showcase-home .owner-editorial .feature-kicker{color:var(--folio-red)}
.showcase-home .owner-editorial figure{max-width:200px}
.showcase-home .site-footer{background:#162336;color:#eeefe5;--line:#d4dfd133;--gold:#c8b48a;--muted:#c4c6c8}
.showcase-home .site-footer .brand{font-family:Georgia,serif}
.showcase-home .site-footer .footer-links a{font-size:.9375rem}



.showcase-home .lightbox{background:#151f2c;color:#f2efe6}
.showcase-home .lightbox button{color:#f2efe6;border-color:#8b9a8a}

/* A single unobtrusive consultation action, as in the selected concept. */
.showcase-home .mobile-bottom{left:0;right:0;bottom:0;background:#78392f;color:#fffaf0;border:0;border-top:1px solid #eee7d944;box-shadow:none;grid-template-columns:1fr;border-radius:0;backdrop-filter:none}
.showcase-home .mobile-bottom a:last-child{background:#78392f;color:#fffaf0;gap:12px;font-family:var(--serif);font-size:19px;font-weight:600;min-height:54px;padding-bottom:env(safe-area-inset-bottom)}
.instagram-mark{width:27px;height:27px;flex-shrink:0}
@media(max-width:680px){
 .showcase-home{--pad:14px;padding-bottom:70px}
 .showcase-home .header-inner{padding:22px 17px 22px;gap:10px}
 .showcase-home .site-header .brand{font-size:clamp(34px,10.8vw,60px);gap:10px}
 .showcase-home .site-header .brand-emblem{width:clamp(50px,16.5vw,90px)}
 .showcase-home .site-header .brand small{font-size:clamp(9px,2.6vw,14px);letter-spacing:0;margin-top:7px;line-height:1.7}
 .showcase-home .header-tools{padding-left:11px;border-color:#a99c8680}
 .showcase-home .language{font-size:14px;top:-16px;right:-1px;min-width:32px;min-height:32px}
 .showcase-home .menu-button{min-width:44px;min-height:48px;font-size:14px;gap:8px}
 .showcase-home .menu-lines{width:27px;height:18px;border-width:1.5px}
 .showcase-home .menu-lines:after{top:6.5px;border-width:1.5px}
 .folio-mastline{padding:4px 6px 12px;font-size:10px;letter-spacing:.16em}
 .folio-mastline>span{display:none}
 .folio-heading{padding-left:6px;height:clamp(43px,10.7vw,67px)}
 .folio-heading h1{padding:0 29px 11px 6px;margin-left:-6px;line-height:1.2}
 .folio-location{font-size:clamp(11px,3.1vw,17px);line-height:1.6;right:0;top:1px;padding-left:8px;border-width:1px}
 .folio-vertical{left:4%;top:34%;font-size:clamp(12px,3.05vw,18px);line-height:1.9}
 .folio-vertical:after{height:38px;top:calc(100% + 13px)}
 .folio-caption{gap:12px;padding:11px 6px}
 .folio-number{font-size:23px;padding-right:12px}
 .folio-caption a{font-size:14px;gap:10px}
 .folio-caption-signature{display:none}
 .folio-primary{min-height:49px;padding-block:8px;font-size:22px}
 .folio-details{padding-top:21px;padding-bottom:16px}
 .folio-details>header{padding:0 5px;margin-bottom:11px;gap:0}
 .folio-details h2{font-size:clamp(18px,5.1vw,30px);letter-spacing:-.045em}
 .folio-details>header>p{display:none}
 .folio-detail-grid{gap:8px}
 .folio-detail-photo{aspect-ratio:1.5}
 .folio-detail-grid figure:first-child img{object-position:32% 40%}
 .folio-detail-grid figcaption{font-size:14px;line-height:1.7;padding-block:9px;gap:6px}
 .showcase-home .home-start{margin-bottom:23px;padding-inline:var(--pad)}
 .showcase-home .home-start a,.showcase-home .home-start a:first-child,.showcase-home .home-start a:last-child{font-size:.875rem;min-height:50px;padding:9px 4px;gap:6px}
 .showcase-home .home-introduction{padding:35px 22px 40px;gap:26px}
 .showcase-home .home-introduction>div{grid-row:1}
 .showcase-home .signature-photo{width:100%;max-width:none}
 .showcase-home .signature-photo .zoom{aspect-ratio:1/1.03;overflow:hidden}
 .showcase-home .signature-photo .zoom img{width:100%;height:100%;object-fit:cover;object-position:50% 77%;max-height:none}
 .showcase-home .home-introduction h2,.showcase-home .making-copy h2{font-size:2rem}
 .showcase-home .special-editorial,.showcase-home .making-editorial,.showcase-home .owner-editorial{padding:50px 22px}
 .showcase-home .feature-section-head h2{font-size:2rem}
 .showcase-home .owner-editorial figure{max-width:130px}
 .showcase-home .mobile-bottom{display:grid}
 html[lang=en] .folio-heading h1{font-size:clamp(27px,7.5vw,48px)}
 html[lang=en] .folio-location{font-size:11px;letter-spacing:0}
 html[lang=en] .folio-details h2{font-size:clamp(18px,4.6vw,30px)}
}
@media(max-width:360px){
 .showcase-home .header-inner{padding-inline:12px;gap:8px}
 .showcase-home .site-header .brand{font-size:34px;gap:8px}
 .showcase-home .site-header .brand-emblem{width:49px}
 .showcase-home .site-header .brand small{font-size:8.5px}
 .showcase-home .header-tools{padding-left:8px}
 .folio-heading h1{font-size:28px}
 .folio-location{font-size:10px}
 .folio-caption a{font-size:13px}
 .folio-detail-grid figcaption{font-size:13px}
 .showcase-home .home-start a,.showcase-home .home-start a:first-child,.showcase-home .home-start a:last-child{font-size:13px;gap:4px;white-space:nowrap}
 .folio-vertical{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.folio-primary{transition:none}}
/* Keep the collection link legible in the light menu. */
.showcase-home .mobile-nav .menu-standard{background:#1b324b;color:#fff8e8;border:1px solid #1b324b;margin:4px 0;padding:12px 14px}
.showcase-home .mobile-nav .menu-standard:after{color:#d0b07d}

/* Keep related copy and actions together; reserve larger gaps for chapter changes. */
.showcase-home .home-commission h2{line-height:1.4;margin-bottom:18px}
.showcase-home .home-commission p:not(.feature-kicker):not(.feature-note){line-height:1.85}
.home-commission-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:20px}
.showcase-home .home-commission-actions .feature-button{width:100%;margin:0;min-height:52px;padding:14px 20px}
.showcase-home .home-commission-actions .feature-link{margin:0;min-height:44px;padding:8px 0}
.showcase-home .home-commission .feature-note{margin:14px 0 0;line-height:1.75}
@media(max-width:680px){
 .showcase-home :is(.home-introduction,.special-editorial,.making-editorial,.home-commission,.owner-editorial){padding-block:34px}
 .showcase-home :is(.home-standard-door,.visit-editorial>div:last-child){padding-block:32px}
 .showcase-home .home-commission{gap:22px}
 .showcase-home :is(.home-introduction,.feature-section-head,.making-copy,.home-commission,.home-standard-door,.owner-editorial,.visit-editorial) h2{font-size:clamp(1.625rem,7.1vw,1.85rem);line-height:1.4;letter-spacing:.025em;margin-bottom:14px}
 .showcase-home :is(.home-introduction,.special-editorial,.making-copy,.home-commission,.home-standard-door,.owner-editorial,.visit-editorial) .feature-kicker{margin-bottom:10px}
 .showcase-home .home-introduction>div>p:not(.feature-kicker),
 .showcase-home .signature-story p,
 .showcase-home .feature-section-head>div:last-child>p:not(.feature-kicker),
 .showcase-home .making-copy>p:not(.feature-kicker),
 .showcase-home .owner-editorial>div>p:not(.feature-kicker),
 .showcase-home .visit-editorial p:not(.feature-kicker),
 .showcase-home .home-standard-door p:not(.feature-kicker){line-height:1.85}
 .showcase-home .feature-section-head{gap:16px;margin-bottom:24px}
 .showcase-home .feature-section-head .feature-link{margin-top:8px}
 .showcase-home .special-editorial>.feature-note{margin-top:22px;line-height:1.75}
 .showcase-home .editorial-note{margin-top:14px;line-height:1.85}
 .showcase-home .making-editorial{gap:22px}
 .showcase-home .making-index{margin:20px 0 12px;padding-block:16px}
 .showcase-home .signature-story{margin-block:20px}
 .showcase-home .signature-story h3{margin-top:20px}
 .showcase-home .home-introduction .feature-link,
 .showcase-home .owner-editorial .feature-link{margin-top:14px}
 .showcase-home .owner-editorial{gap:20px}
 .showcase-home .home-standard-intro .feature-button{margin-top:18px}
 .showcase-home .home-standard-door .collection-preview-grid{margin-top:22px}
}
