/* A quiet continuation of the opening: generous type, architectural images, warm charcoal. */
/* Keep the header's visibility synchronous so dialog focus can return to its trigger. */
.gn-shortcuts,.gn-shortcuts *{transition-property:none!important}
.gn-shortcuts{display:inline-flex;align-items:center;color:inherit}
.gn-shortcuts button{display:flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.gn-shortcuts button:hover{text-decoration:underline;text-underline-offset:5px}
.gn-shortcuts--standalone{position:fixed;top:26px;right:40px;z-index:45;font-size:13px}
.dialog-open .gn-shortcuts,.gallery-open .gn-shortcuts,.studio-open .gn-shortcuts,.gallery-open #menuToggle,.studio-open #menuToggle{visibility:hidden}
html.gallery-open{overflow:hidden}
.gn-menu,.gn-shell{--gn-paper:#f4efe7;--gn-soft:#b1a696;--gn-line:rgba(244,239,231,.2);--gn-gutter:clamp(24px,5vw,96px);position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;overflow-x:hidden;overflow-y:auto;font-family:inherit;color:var(--gn-paper);background:#181717;overscroll-behavior:contain;scrollbar-color:var(--gn-soft) #181717;scrollbar-width:thin}
.gn-menu *,.gn-shell *{box-sizing:border-box}
.gn-menu a,.gn-shell a{color:inherit;text-decoration:none}
.gn-menu button,.gn-shell button{font-family:inherit;cursor:pointer;color:inherit}
.gn-menu :focus-visible,.gn-shell :focus-visible,.gn-shortcuts :focus-visible{outline:2px solid #b1a696;outline-offset:6px}
.gn-menu::backdrop,.gn-shell::backdrop{background:#181717}
.gn-menu-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:94px;padding:20px var(--gn-gutter);background:#181717;font-size:13px}
.gn-menu-top .dialog-close{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:1px solid var(--gn-line);border-radius:50%;background:none;font-size:29px;font-weight:300;line-height:1}
.gn-menu-list{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:4svh var(--gn-gutter) 80px}
.gn-menu-list>a{display:flex;align-items:center;min-height:66px;padding:10px 0;font-size:clamp(40px,6.2vw,94px);line-height:1.02;letter-spacing:-.06em;font-weight:400;transition:color .25s}
.gn-menu-list>a:hover{color:var(--gn-soft)}
.gn-menu-list .gn-menu-all{font-size:13px;letter-spacing:0;min-height:44px;margin-bottom:28px;color:var(--gn-soft)}
.gn-shell-top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:96px;padding:20px var(--gn-gutter);background:rgba(24,23,23,.94);backdrop-filter:blur(15px)}
.gn-shell-top>a{font-size:16px;letter-spacing:.08em}
.gn-shell-top>a span{font-size:11px;color:var(--gn-soft);letter-spacing:0;margin-left:18px}
.gn-shell-top>div{display:flex;gap:36px;align-items:center}
.gn-shell-top .gn-all-link{font-size:12px;min-height:44px;display:flex;align-items:center}
.gn-shell[data-view="hub"] .gn-all-link{display:none}
.gn-shell-top button{display:flex;align-items:center;gap:18px;min-height:44px;padding:0;border:0;background:none;font-size:12px}
.gn-shell-top button span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gn-line);border-radius:50%;font-size:28px;font-weight:300;line-height:1;transition:background .25s,color .25s}
.gn-shell-top button:hover span{background:var(--gn-paper);color:#181717}
.gn-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:clamp(42px,6.2vw,105px) var(--gn-gutter) clamp(46px,5.6vw,86px)}
.gn-intro h1{font-size:clamp(80px,12.2vw,200px);font-weight:400;line-height:.83;letter-spacing:-.07em;margin:0}
.gn-intro h1:focus{outline:none}
.gn-intro--product{padding-top:clamp(32px,4.5vw,76px);padding-bottom:36px}
.gn-intro--product h1{font-size:clamp(76px,10.8vw,172px)}
.gn-product-description{margin:25px 0 0;font-size:13px;line-height:1.5;color:var(--gn-soft)}
.gn-studio-link{display:inline-flex;align-items:center;gap:20px;min-height:48px;margin-bottom:1px;font-size:12px;white-space:nowrap}
.gn-studio-link span,.gn-hub-caption>span{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--gn-line);border-radius:50%;font-size:21px;line-height:1;transition:background .25s,color .25s,transform .4s}
.gn-studio-link:hover span,.gn-hub-card:hover .gn-hub-caption>span{background:var(--gn-paper);color:#181717;transform:rotate(45deg)}
.gn-product-tabs{display:flex;align-items:center;gap:32px;overflow:auto;scrollbar-width:none;padding:0 var(--gn-gutter)}
.gn-product-tabs::-webkit-scrollbar{display:none}
.gn-product-tabs>a{position:relative;display:flex;align-items:center;min-height:48px;white-space:nowrap;font-size:11px;color:var(--gn-soft);letter-spacing:.02em;transition:color .25s}
.gn-product-tabs>a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.gn-product-tabs>a[aria-current="page"]{color:var(--gn-paper)}
.gn-product-tabs>a[aria-current="page"]::after,.gn-product-tabs>a:hover::after{transform:scaleX(1)}
.gn-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,5vw,96px);row-gap:clamp(58px,7vw,112px);align-items:start;padding:0 var(--gn-gutter) clamp(80px,9vw,150px)}
.gn-hub-card{display:block;min-width:0}
.gn-hub-card:nth-child(even){margin-top:clamp(65px,10vw,170px)}
.gn-hub-composition{position:relative;aspect-ratio:1.16;background:#242222;border-radius:clamp(14px,1.35vw,24px);overflow:hidden}
.gn-hub-card:nth-child(4n+2) .gn-hub-composition,.gn-hub-card:nth-child(4n+3) .gn-hub-composition{aspect-ratio:1.04}
.gn-hub-image{display:block;object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,.68,0,1)}
.gn-hub-card:hover .gn-hub-image{transform:scale(1.035)}
.gn-hub-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}
.gn-hub-caption h2{font-size:clamp(28px,3.1vw,46px);line-height:1;font-weight:400;letter-spacing:-.055em;margin:0}
.gn-hub-caption>span{color:var(--gn-paper)}
.gn-product-entry{display:inline-flex;align-items:center;gap:25px;min-height:44px;margin-top:17px;color:inherit;text-decoration:none;font-size:11px}
.gn-empty{padding:50px var(--gn-gutter);font-size:14px}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
 .gn-shell[open] .gn-intro{animation:gn-arrive .7s cubic-bezier(.22,.68,0,1) both}
 @keyframes gn-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:1050px){.gn-product-tabs{gap:26px}}
@media(max-width:700px){
 .gn-shortcuts--standalone{top:18px;right:24px;font-size:12px}
 .gn-menu-top{min-height:80px;padding:16px 24px;font-size:11px}
 .gn-menu-top .dialog-close{width:44px;height:44px;min-width:44px;min-height:44px}
 .gn-menu-list{padding:24px 24px 55px}
 .gn-menu-list>a{font-size:clamp(36px,9.5vw,62px);min-height:64px}
 .gn-menu-list .gn-menu-all{font-size:13px;margin-bottom:24px}
 .gn-shell-top{padding:16px 24px;min-height:80px}
 .gn-shell-top>a{font-size:13px}
 .gn-shell-top>a span{display:none}
 .gn-shell-top>div{gap:18px}
 .gn-shell-top .gn-all-link{font-size:10px}
 .gn-shell-top button{gap:10px;font-size:10px}
 .gn-shell-top button span{width:44px;height:44px;font-size:26px}
 .gn-intro{padding:42px 24px 40px;display:block}
 .gn-intro h1{font-size:clamp(64px,17.1vw,116px)}
 .gn-intro--product{padding:32px 24px 16px}
 .gn-intro--product h1{font-size:clamp(50px,14.1vw,96px)}
 .gn-product-description{margin-top:22px;font-size:11px}
 .gn-studio-link{font-size:11px;gap:18px;margin-top:18px}
 .gn-studio-link span{width:36px;height:36px;font-size:19px}
 .gn-product-tabs{padding-inline:24px;gap:25px}
 .gn-product-tabs>a{min-height:48px;font-size:10px}
 .gn-hub-grid{column-gap:16px;row-gap:40px;padding:0 24px 68px}
 .gn-hub-card:nth-child(even){margin-top:60px}
 .gn-hub-composition,.gn-hub-card:nth-child(4n+2) .gn-hub-composition,.gn-hub-card:nth-child(4n+3) .gn-hub-composition{aspect-ratio:.72}
 .gn-hub-caption{padding-top:15px;gap:8px;align-items:center}
 .gn-hub-caption h2{font-size:clamp(17px,4.1vw,28px);letter-spacing:-.055em}
 .gn-hub-caption>span{width:30px;height:30px;font-size:17px}
}
@media(max-width:380px){.gn-hub-grid{column-gap:12px}.gn-hub-caption{gap:4px}.gn-hub-caption>span{width:25px;height:25px;font-size:15px}.gn-hub-caption h2{font-size:16px}.gn-shell-top>div{gap:12px}}
@media(prefers-reduced-motion:reduce){.gn-hub-image,.gn-menu-list>a,.gn-shell-top button span,.gn-studio-link span,.gn-hub-caption>span,.gn-product-tabs>a,.gn-product-tabs>a::after{transition:none!important}.gn-hub-image,.gn-studio-link:hover span,.gn-hub-card:hover .gn-hub-caption>span{transform:none!important}}

/* The VERSA collection cover follows the first saved full-frame selection. */
.gn-hub-card[data-gallery-route="#gallery/versa"] .gn-hub-composition{aspect-ratio:2752/1536}
.gn-hub-card[data-gallery-route="#gallery/versa"] .gn-hub-image{object-fit:contain;transform:none}
.lv-catalog [data-product="versa"] .lv-preview-image,.lv-catalog [data-product="versa"] .lv-index-thumb>img{object-fit:contain;object-position:50% 50%}