/* Warm paper, fine rules and photographs at their natural proportions. */
#kb-site-preview .panel-story{--panel-ink:#514238;background:#faf8f4}
#kb-site-preview .panel-opening{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;align-items:center;padding:clamp(35px,6vw,80px) var(--folio-pad);background:#f1ebe3}
#kb-site-preview .panel-opening h1{font-size:clamp(42px,5.4vw,72px);line-height:1.05;margin:25px 0}
#kb-site-preview .panel-opening p:not(.kicker):not(.panel-margin-note){max-width:46ch;font-size:17px;line-height:1.8}
#kb-site-preview .panel-opening .folio-tagline{font-size:23px!important;line-height:1.4!important;color:#806a5c}
#kb-site-preview .panel-identities{display:flex;gap:20px;align-items:center;margin:24px 0 30px}
#kb-site-preview .panel-identities>span:not(.panel-naturepanel-logo){font:24px Georgia;color:#9b8b7e}
#kb-site-preview .panel-multipanel-logo{width:58px;height:56px;object-fit:contain}
#kb-site-preview .panel-naturepanel-logo{background:#3b3932;padding:14px 18px;display:flex;align-items:center}
#kb-site-preview .panel-naturepanel-logo img{width:145px;height:auto;max-width:100%}
#kb-site-preview .panel-cover{min-width:0;position:relative;padding:20px 0 0 20px;border-top:1px solid #c6b6a7;border-left:1px solid #c6b6a7}
#kb-site-preview .panel-cover figcaption{max-width:44ch}
#kb-site-preview .panel-margin-note{font:italic 18px/1.4 var(--studio-display,Georgia,serif);color:#8f7864;text-align:right;margin:20px 0 0}
#kb-site-preview .panel-jumps{display:flex;gap:15px 32px;flex-wrap:wrap;padding:20px var(--folio-pad);border-block:1px solid #d8ccc1;font-size:13px;background:#f9f5ef}
#kb-site-preview .panel-relationship,#kb-site-preview .panel-range-notes{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
#kb-site-preview .panel-story h2{font-size:clamp(33px,3.8vw,51px);line-height:1.13;margin:12px 0 26px}
#kb-site-preview .panel-story h3{font:400 27px/1.25 var(--studio-display,Georgia,serif);margin:12px 0}
#kb-site-preview .panel-relationship p,#kb-site-preview .panel-shelving p,#kb-site-preview .panel-range-notes p{font-size:17px;line-height:1.8}
#kb-site-preview .panel-years{display:flex;align-items:center;gap:22px;margin-top:34px;border-top:1px solid #c6b6a7;padding-top:22px;max-width:350px}
#kb-site-preview .panel-years>span{font:italic 72px/1 var(--studio-display,Georgia,serif);color:#9a806c}
#kb-site-preview .panel-years p{font-size:12px;line-height:1.6;letter-spacing:.03em;margin:0}
#kb-site-preview .panel-signature{font-size:13px!important;color:#806a5c;border-top:1px solid #d6c9be;padding-top:18px;margin-top:25px}
#kb-site-preview .panel-restroom-spread{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8%;align-items:start}
#kb-site-preview .panel-restroom-spread>div{padding-top:65px}
#kb-site-preview .panel-detail-copy{position:relative;padding:28px 0 0 55px;max-width:50ch;margin-top:22px;border-top:1px solid #c6b6a7}
#kb-site-preview .panel-number{position:absolute;left:0;top:29px;font:italic 27px Georgia;color:#998472}
#kb-site-preview .panel-detail-copy p{font-size:16px}
#kb-site-preview .panel-music>.folio-photo{max-width:1040px;margin:auto}
#kb-site-preview .panel-lounge-spread{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.65fr);gap:7%;align-items:start}
#kb-site-preview .panel-lounge-spread>.folio-photo:last-child{padding-top:65px}
#kb-site-preview .panel-walnut-spread{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:900px;margin:auto}
#kb-site-preview .panel-walnut-spread>.folio-photo:last-child{padding-top:70px}
#kb-site-preview .panel-shelving{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:center}
#kb-site-preview .panel-range-notes{background:#ece8df!important}
#kb-site-preview .panel-range-notes h3:not(:first-child){margin-top:30px}
#kb-site-preview .panel-range-notes .panel-small{font-size:13px;line-height:1.7}
#kb-site-preview .panel-signpost{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;align-items:center;padding:clamp(40px,6vw,75px) clamp(24px,6vw,86px);background:#f1ebe3;border-top:1px solid #d9cfc4}
#kb-site-preview .panel-signpost h2{font-size:clamp(30px,3.5vw,47px);line-height:1.15}
#kb-site-preview .panel-signpost .folio-photo{max-width:480px}
#kb-site-preview .panel-signpost p{max-width:54ch}
@media(max-width:900px){#kb-site-preview .panel-opening{grid-template-columns:1fr;gap:34px}#kb-site-preview .panel-opening>div:first-child{max-width:620px}#kb-site-preview .panel-cover{max-width:750px}#kb-site-preview .panel-restroom-spread>div{padding-top:30px}#kb-site-preview .panel-lounge-spread{gap:6%}}
@media(max-width:650px){#kb-site-preview .panel-opening h1{font-size:48px}#kb-site-preview .panel-identities{gap:16px}#kb-site-preview .panel-relationship,#kb-site-preview .panel-range-notes,#kb-site-preview .panel-shelving,#kb-site-preview .panel-restroom-spread,#kb-site-preview .panel-signpost{grid-template-columns:1fr;gap:30px}#kb-site-preview .panel-restroom-spread>.folio-photo{max-width:360px}#kb-site-preview .panel-restroom-spread>div{padding-top:0}#kb-site-preview .panel-detail-copy{padding-left:45px}#kb-site-preview .panel-lounge-spread{grid-template-columns:1fr;gap:28px}#kb-site-preview .panel-lounge-spread>.folio-photo:last-child{padding-top:0;width:70%;margin-left:auto}#kb-site-preview .panel-walnut-spread{grid-template-columns:1fr;gap:32px;max-width:400px}#kb-site-preview .panel-walnut-spread>.folio-photo:last-child{padding-top:0;width:85%;margin-left:auto}#kb-site-preview .panel-signpost>.folio-photo{max-width:340px;margin:auto}#kb-site-preview .panel-years{margin:25px 0 0}#kb-site-preview .panel-jumps{gap:14px 23px}}

#kb-site-preview .panel-lighting-study{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:10%;align-items:center;background:#ece6dc!important}
#kb-site-preview .panel-lighting-study p{font-size:17px;line-height:1.8;max-width:51ch}
#kb-site-preview .panel-lighting-study .panel-small{font-size:12px;margin-top:24px;color:#736250}
#kb-site-preview .panel-lighting-study>.folio-photo{max-width:470px;padding:14px;background:#fbf8f1;border:1px solid #dacdbe;box-shadow:0 12px 27px #46311a10;transform:rotate(1deg)}
@media(max-width:650px){#kb-site-preview .panel-lighting-study{grid-template-columns:1fr;gap:30px}#kb-site-preview .panel-lighting-study>.folio-photo{max-width:360px;margin:auto;transform:none}}

/* Finn: an original portrait cutout, softly grounded within the relationship story. */
#kb-site-preview .panel-relationship-with-portrait{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;align-items:center}
#kb-site-preview .finn-portrait{margin:0;min-width:0}
#kb-site-preview .finn-portrait-stage{position:relative;isolation:isolate;max-width:350px;margin:0 auto}
#kb-site-preview .finn-portrait-stage::before{content:"";position:absolute;z-index:-1;inset:13% 5% 0;background:#e8dfd3;border-radius:48% 48% 5px 5px}
#kb-site-preview .finn-portrait-stage>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;mask-image:linear-gradient(to bottom,#000 94%,transparent 100%)}
#kb-site-preview .finn-years-seal{position:absolute;right:-20px;bottom:5%;width:106px;height:106px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#faf8f2;border:1px solid #c9b9a7;box-shadow:0 5px 15px #503b2210;transform:rotate(7deg)}
#kb-site-preview .finn-years-seal span:first-child{font:italic 43px/1 var(--studio-display,Georgia,serif);color:#83694e}
#kb-site-preview .finn-years-seal span:last-child{font:9px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6c5848}
#kb-site-preview .finn-portrait figcaption{font:italic 18px/1.5 var(--studio-display,Georgia,serif);color:#806a5c;text-align:center;max-width:31ch;margin:20px auto 0}
@media(max-width:900px){#kb-site-preview .panel-relationship-with-portrait{gap:6%}#kb-site-preview .finn-years-seal{right:-7px;width:88px;height:88px}#kb-site-preview .finn-years-seal span:first-child{font-size:37px}#kb-site-preview .finn-years-seal span:last-child{font-size:8px}}
@media(max-width:650px){#kb-site-preview .panel-relationship-with-portrait{grid-template-columns:1fr;gap:35px}#kb-site-preview .finn-portrait-stage{max-width:270px}#kb-site-preview .finn-portrait figcaption{font-size:17px}}

#kb-site-preview .panel-cover>.folio-photo{max-width:450px;margin-left:auto;margin-right:auto}
#kb-site-preview .panel-cover>.folio-photo img{max-height:640px;object-fit:contain}