@font-face{font-family:'Gallery Noto Serif SC';src:url('/assets/fonts/NotoSerifSC-900-subset.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{--gold-light:#f7e4c4;--gold-line:#c2a87d;--serif:'Songti SC','STSong','Noto Serif SC',serif;--display:'Gallery Noto Serif SC',var(--serif);--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}h1,h2,h3,h4,p,figure{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:default}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #715126;outline-offset:5px}section{scroll-margin-top:70px}.skip{z-index:100;background:white}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.4em;min-height:44px;padding:.7em 2em;line-height:1.2;white-space:nowrap;border-radius:999px;border:1px solid #b88d50;transition:filter .18s,box-shadow .18s}.gold{color:#302416;background:linear-gradient(180deg,#f8e6ca,#dfb57c);box-shadow:inset 0 1px 2px #fff9,0 2px 3px #7e613c26;font-family:var(--serif);font-weight:600}.gold:hover{filter:brightness(1.04);box-shadow:inset 0 1px 2px #fff9,0 3px 8px #7e613c35}
/* All architectural pixels belong to this ONE uniformly scaled canvas. */
.hero{height:100svh;min-height:640px;position:relative;isolation:isolate;overflow:hidden}
.hero-viewport{position:absolute;inset:0;overflow:hidden}.hero-canvas{position:absolute;width:max(100vw,calc(100svh * 1915 / 821),1493px);left:50%;top:50%;--canvas-unit:1vw}
.hero-shell{max-width:none;pointer-events:none;z-index:2}
.hero-aperture{position:absolute;left:19.1%;top:11.3%;width:61.3%;height:61.1%}
#hero-media{position:absolute;background:#e4e3da}
#hero-media img,#hero-media video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.hero-copy{position:absolute;left:25%;top:29%;width:45%;color:#211d18}.hero-copy h1{font:700 var(--type-hero)/1.35 var(--display);letter-spacing:.015em;white-space:nowrap;text-shadow:0 1px 10px #fffb}
.hero-copy>p{margin:.3em 0 0;font-size:var(--type-subtitle);letter-spacing:.2em;line-height:1.7;text-shadow:0 1px 5px white}
.hero-links{display:flex;align-items:center;pointer-events:auto}.hero-browse{font-size:var(--type-button);min-height:40px;padding:.65em 1.8em}.hero-enter{font-size:var(--type-button);text-underline-offset:.3em}
.hero[data-tone=dark] .hero-copy{color:#fff8e9;text-shadow:0 2px 8px #151820}.hero[data-tone=dark] .hero-copy h1,.hero[data-tone=dark] .hero-copy>p,.hero[data-tone=dark] .hero-enter{color:#fff8e9;text-shadow:0 2px 8px #151820}
.hero-featured{position:absolute;top:62%;left:60%;border:1px solid #b99b6b;border-radius:999px;font-size:var(--type-meta);line-height:1.7}
.hero-video-controls{position:absolute;display:flex}.hero-video-controls button{font-size:13px}
.section-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;z-index:-1}.catalog-content{position:relative;margin:auto}.section-heading{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.section-heading h2{font:700 var(--type-section)/1.4 var(--display);letter-spacing:.12em;white-space:nowrap}.section-heading i{display:block;position:relative;max-width:none;height:1px;background:linear-gradient(90deg,transparent,#b3996d)}.section-heading i::after{content:'';position:absolute;right:-2px;top:-3px;width:6px;height:6px;border:1px solid #a88b59;rotate:45deg;background:#eee8da}.section-heading i:last-child{rotate:180deg}
.catalog-month{text-align:center}
.category-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.category-filters button{border:1px solid transparent;border-radius:999px;background:none;font-family:var(--serif);line-height:1.25;color:#3f3528;transition:background .18s,border-color .18s}.category-filters button[aria-pressed=true],.category-filters button:hover{background:linear-gradient(#e7c28f,#bd8e50);color:#261e14;border-color:#a78452;box-shadow:inset 0 1px 1px #fff8}
.month-grid{min-height:0}.month-card{display:block}.card-identity h3{flex-shrink:0}.category{display:inline-flex;white-space:nowrap}.card-action{font-family:var(--serif);font-size:var(--type-meta);flex-shrink:0}.library-link{text-align:center;color:#564328}.library-link:hover{text-decoration:underline;text-underline-offset:.35em}.month-empty{grid-column:1/-1;text-align:center;padding-top:65px;color:#514e48}
.home-archive{border-top:1px solid #ccbea4}.archive-shell{pointer-events:none}.archive-cover{overflow:hidden;background:#e2e3de}.archive-copy{position:absolute;color:#302c26}.archive-name{display:flex;align-items:center}.archive-name h3{font:700 var(--type-section)/1.3 var(--display);letter-spacing:.1em}.archive-name h3 a:hover{text-decoration:underline;text-underline-offset:.2em}.gold-category{display:inline-flex;border:1px solid #ba925b;border-radius:999px;padding:.1em 1em;background:linear-gradient(#f1d6ad,#d6b07a);color:#3e2d17;font:600 var(--type-meta)/1.6 var(--serif)}.archive-rule{height:1px;width:100%;background:linear-gradient(90deg,#bd9f6b,#bd9f6b80);position:relative}.archive-rule::after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border:1px solid #b1976d;rotate:45deg;background:#e9e4d9}.archive-block h4{font:700 var(--type-small)/1.4 var(--serif);margin:0 0 .4vw}.archive-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.archive-previews{display:flex}.archive-previews button{overflow:hidden;width:50%}.archive-previews img{width:100%;height:100%;object-fit:cover}.archive-inquiry{padding:.65em 1em}.home-business{position:relative;isolation:isolate;overflow:hidden}.business-content{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:7vw}.business-content>div{max-width:57%}.business-content h2{font:700 var(--type-section)/1.3 var(--display);letter-spacing:.16em}.business-content p{margin-top:.5vw;color:#3c3730;text-wrap:pretty}.business-content .button{min-width:30%;padding:.75em 1.5em}
#lightbox{width:94vw;height:94svh;max-width:2200px;padding:50px 60px 30px;border:1px solid #a58e69;border-radius:18px;background:#ede9e0;color:#2e2a24;box-shadow:0 20px 80px #0006}#lightbox::backdrop{background:#171713cc;backdrop-filter:blur(6px)}#lightbox figure{display:flex;height:100%;width:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px}#lightbox figure img{max-height:calc(100% - 44px);max-width:100%;width:auto;height:auto;object-fit:contain}#lightbox figcaption{font-size:14px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #ac9979;border-radius:50%;background:#ece7dcf5;font-size:24px}.lightbox-close{right:12px;top:10px}.lightbox-prev{left:8px;top:46%}.lightbox-next{right:8px;top:46%}
@media(min-width:1024px) and (max-aspect-ratio:8/5){.hero-copy h1{font-size:var(--type-hero)}.hero-copy{top:30%}}
@media(max-width:1023px){.hero-viewport{height:52vw}.hero-copy{z-index:5;left:8%;top:auto;width:84%}.hero-copy>p{margin-top:7px}.hero-links{flex-wrap:wrap}.hero-browse{font-size:16px;min-height:44px}.hero-featured{top:58%;left:55%}.hero-video-controls{right:12%;bottom:24%}.home-catalog{min-height:0}.catalog-content{width:92%}.section-heading{gap:25px;padding:0}.category-filters button{font-size:16px;padding:7px 18px}.month-grid{}.card-caption{padding:8px 5px;gap:6px;min-height:48px}.card-identity{gap:5px;flex-wrap:wrap}.card-identity h3{font-size:22px}.card-meta{font-size:11px}.category{font-size:11px}.card-action{font-size:12px}.archive-inquiry{width:100%}.business-content h2{font-size:36px}.business-content p{font-size:16px}.business-content .button{font-size:20px;padding:.8em 1.3em}}
@media(max-width:767px){.hero-viewport{height:330px;min-height:0}.hero-copy{bottom:8%;left:6%;width:88%}.hero-links{flex-direction:column}.hero-browse{min-width:200px}.hero-enter{padding:6px}.hero-featured{top:57%;left:52%;font-size:11px}.hero-video-controls{bottom:23%;right:15%;gap:5px}.hero-video-controls button{min-height:30px;font-size:11px;padding:4px 8px}.home-catalog{padding:28px 0}.category-filters button{font-size:16px}.month-grid{}.month-card{padding:6px;border-radius:22px}.card-cover{border-radius:16px;aspect-ratio:1.8}.card-caption{min-height:48px}.archive-shell{max-width:none;left:0;top:-6%}.archive-cover{left:7%;top:7%;width:86%}.archive-copy{margin-top:10px;z-index:4}.home-business .section-art{object-fit:cover;object-position:57% center}#lightbox{padding:55px 35px 25px}#lightbox figcaption{font-size:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Approved warm scene; one raster shell and vector architectural detail share its canvas. */
:root{--paper:#efe1d7;--ink:#30271f;--copy:#50443a;--gold:#b49260;--ornament-gold:#ad895c}
.hero{background:#ead8c4}.hero-viewport{top:0;bottom:0}.hero-canvas{translate:none;aspect-ratio:auto;--label-font:16px;--thumb-size:85px;--selector-gap:22px}.hero-art,.archive-ornament-host,.frame-relief{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-art{z-index:2}.hero-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-copy{z-index:5;height:auto!important;pointer-events:none}.hero-links{gap:14px;flex-wrap:wrap;margin-top:18px}.hero-copy .button{min-height:44px;padding:.65em 1.5em;pointer-events:auto}.hero-enter{color:#302215;background:#f6e8d2ed;border:1px solid #ab8655;text-decoration:none;text-shadow:none;box-shadow:inset 0 1px #fff8}.hero[data-tone=dark] .hero-enter{color:#302215;text-shadow:none}.hero-featured{z-index:5;display:flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;background:#f7e9d6ed;color:#48351f;border-color:#bd9c6c;box-shadow:none}.hero-featured b{min-width:0;overflow:hidden;text-overflow:ellipsis;margin-left:.3em}.hero-aperture{overflow:hidden;background:#e7d9c8;z-index:1}#hero-media{inset:calc(var(--media-bleed,8px) * -1);transform:none}.media-layer{position:absolute;inset:0}.media-layer img,.media-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video-controls{right:auto;bottom:auto;z-index:5;gap:7px}.hero-video-controls button{min-height:44px;border:1px solid #b99d71;border-radius:999px;background:#f8eddaed;color:#3a2b1b;padding:6px 12px}
.js .hero:not([data-layout-ready]) .hero-copy,.hero:not([data-layout-ready]) .hero-featured{visibility:hidden}
.frame-relief{overflow:hidden}.card-key{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.title-knot{position:absolute;right:-9px;top:-6px;width:18px;height:14px;overflow:visible;color:#aa8858}.section-heading i::after{display:none}.section-heading{padding:0;gap:clamp(24px,3.2vw,110px)}.section-heading h2{font-size:var(--type-section);line-height:1.3}.section-heading i{width:11vw}.catalog-month{font-size:var(--type-meta);line-height:1.4;margin:0;color:#51453a}.home-catalog{position:relative;isolation:isolate;background:#ecd6bd;min-height:0;padding:clamp(8px,.625vw,30px) 0}.home-catalog::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-style:solid;border-color:transparent;border-width:calc(100vw * 180 / 1672) calc(100vw * 48 / 1672) calc(100vw * 90 / 1672);border-image-source:var(--niche-image,none);border-image-slice:19.1285866% 2.8708134% 9.5642933% 2.8708134% fill;border-image-repeat:stretch}.niche-source{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;object-fit:contain;z-index:-2}.catalog-content{width:92%}.category-filters{gap:clamp(8px,1vw,28px);margin:4px 0 8px}.category-filters button{min-height:44px;padding:.25em 1.2em;font-size:var(--type-meta)}.month-grid{--card-gap:1.72vw;display:flex;flex-wrap:wrap;justify-content:center;gap:1.25vw var(--card-gap);align-items:flex-start}.month-card{position:relative;flex:0 0 calc((100% - var(--card-gap) * 2) / 3);min-width:0;aspect-ratio:490/337;padding:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;container-type:inline-size;transition:filter .18s}.month-card:hover{box-shadow:none;filter:brightness(1.025)}.card-cover{position:absolute;aspect-ratio:auto;overflow:hidden;border:0;border-radius:0;background:#e7d4bc}.card-cover img{width:100%;height:100%;object-fit:cover}.card-shell{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.card-caption{position:absolute;left:8.5%;right:7%;top:82%;bottom:3.2%;padding:0;min-height:0;display:flex;justify-content:space-between;align-items:center;gap:6px;z-index:3}.card-identity{display:flex;gap:1.25cqw;align-items:center;min-width:0;flex:none}.card-identity h3{font:700 clamp(18px,6cqw,60px)/1.2 var(--display);white-space:nowrap}.category{border:1px solid var(--category-color,#92744c);background:color-mix(in srgb,var(--category-color,#92744c) 8%,#fffaf2);color:#433a30;border-radius:5px;font-size:clamp(11px,3cqw,30px);line-height:1.35;padding:.08em .45em;flex-shrink:0}.card-meta{font-size:clamp(10px,2.65cqw,28px);line-height:1.3;color:#554637;white-space:nowrap}.card-action{font:clamp(11px,3cqw,32px)/1.3 var(--serif);white-space:nowrap}.library-link{display:flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;margin:0 auto;padding:6px 18px;font-size:var(--type-body)}.month-empty{flex-basis:100%;padding:60px 20px;min-height:180px}
.home-archive{padding:clamp(22px,2vw,70px) 0 0;background:#eedfce;border-color:#cbb38c}.home-archive>.section-heading{margin-bottom:0}.archive-layout{position:relative;aspect-ratio:1672/941;width:100%;isolation:isolate}.archive-scene,.archive-plane{position:absolute;inset:0}.archive-scene{z-index:0}.archive-plane{width:100%;height:100%}.archive-cover{position:absolute;z-index:0;left:5.3%;top:20%;width:51%;height:50%}.archive-cover img{width:100%;height:100%;object-fit:cover}.archive-shell{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:1}.archive-ornament-host{z-index:2}.archive-lip{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.archive-copy{left:60.5%;top:10%;width:33%;z-index:4}.archive-name{gap:1.4vw}.archive-name h3{font-size:var(--type-section);line-height:1.3}.archive-rule{margin:1.4vw 0 1.8vw}.archive-block{margin-bottom:1.5vw}.archive-block h4{font-size:var(--type-small);margin-bottom:.4vw}.archive-block p{font-size:var(--type-body);line-height:1.8;color:#514233}.archive-previews{gap:.9vw}.archive-previews button{border:1px solid #b39762;border-radius:10px;aspect-ratio:1.85;padding:0;background:none}.archive-inquiry{width:90%;font-size:var(--type-button);min-height:48px}.home-business{aspect-ratio:16/9;background:#ecdfd1}.business-content{top:53%;left:9%;right:8%}.business-content h2{font-size:var(--type-section)}.business-content p{font-family:var(--serif);font-size:var(--type-body);line-height:1.9;max-width:36em}.business-content .button{font-size:var(--type-button)}
body[data-ornaments=off] .architectural-ornament,body[data-ornaments=off] .title-knot{display:none}
@media(max-width:1023px){.hero{height:100svh;min-height:740px;background:#efdfca}.hero-viewport{position:absolute;top:70px;left:0;right:0;bottom:auto;max-height:none;min-height:0;overflow:hidden}.hero-viewport::after{content:'';position:absolute;left:0;right:0;bottom:0;height:18px;background:linear-gradient(transparent,#efdfca);z-index:8;pointer-events:none}.hero-copy{position:absolute;bottom:auto!important;text-align:center;pointer-events:none;text-shadow:none!important}.hero-copy h1{font-size:var(--type-hero);line-height:1.4;white-space:normal;text-shadow:none!important}.hero-copy>p{font-size:16px;letter-spacing:.16em;line-height:1.7;text-shadow:none!important}.hero-links{justify-content:center;gap:12px;margin-top:18px}.hero-copy .button{font-size:16px;min-height:44px}.hero-enter{font-size:15px!important;text-shadow:none!important}.hero-featured{min-height:27px;padding:0 6px;font-size:11px!important}.hero-video-controls button{font-size:11px;min-height:36px;padding:5px 9px}.home-catalog{padding:25px 0 22px}.section-heading h2{font-size:32px}.section-heading i{width:65px}.catalog-month{font-size:14px;margin:7px 0}.category-filters{gap:5px;margin:12px 0 20px}.month-grid{--card-gap:18px;gap:20px var(--card-gap)}.month-card{flex-basis:calc((100% - var(--card-gap)) / 2)}.library-link{font-size:16px;margin-top:14px}.home-archive{padding-top:28px}.archive-copy{top:10%}.archive-name h3{font-size:34px}.archive-rule{margin:9px 0 13px}.archive-block{margin-bottom:12px}.archive-block h4{font-size:19px}.archive-block p{font-size:13px;line-height:1.65}.archive-inquiry{font-size:17px;min-height:44px}.gold-category{font-size:16px}.archive-previews{gap:7px}}
@media(max-width:767px){.hero{min-height:740px}.hero-copy h1{font-size:29px}.hero-copy>p{font-size:14px}.hero-links{flex-wrap:wrap;gap:10px;margin-top:15px}.hero-copy .button{font-size:14px;min-height:44px;padding:.7em 1.35em}.hero-enter{font-size:14px!important}.section-heading{gap:18px}.section-heading h2{font-size:29px}.section-heading i{width:50px}.category-filters{gap:3px}.category-filters button{padding:7px 14px}.month-grid{gap:18px}.month-card{flex-basis:100%}.card-caption{left:8.5%;right:7%;top:82%;bottom:3.2%;gap:3px;padding:0}.card-identity{flex-wrap:nowrap;gap:1.25cqw}.card-identity h3{font-size:clamp(20px,6cqw,30px)}.category{font-size:clamp(11px,3cqw,15px);padding:.06em .4em}.card-meta{font-size:clamp(10px,2.65cqw,13px)}.card-action{font-size:clamp(11px,3cqw,15px)}.home-archive>.section-heading{margin-bottom:18px}.archive-layout{aspect-ratio:auto;padding:0 0 34px;min-height:0;background:#eddfcc}.archive-scene{position:relative;inset:auto;width:100%;height:76vw;overflow:hidden}.archive-plane{inset:auto;left:0;top:-12vw;width:178%;height:auto;aspect-ratio:1672/941}.archive-shell{inset:0;width:100%;height:100%;mask-image:none}.archive-cover{position:absolute;aspect-ratio:auto;height:auto}.archive-copy{position:relative;left:auto;top:auto;width:88%;margin:5px auto 0}.archive-name{gap:16px}.archive-name h3{font-size:36px}.gold-category{font-size:18px}.archive-rule{margin:14px 0 20px}.archive-block{margin-bottom:22px}.archive-block h4{font-size:22px;margin-bottom:6px}.archive-block p{font-size:15px;line-height:1.8}.archive-previews{gap:10px}.archive-previews button{border-radius:10px;aspect-ratio:1.7}.archive-inquiry{font-size:20px;min-height:50px;width:100%}.home-business{aspect-ratio:auto;min-height:490px}.business-content{left:7%;right:7%;top:46%;display:block}.business-content>div{max-width:none}.business-content h2{font-size:34px}.business-content p{font-size:16px;line-height:1.8;margin:9px 0 20px;max-width:95%}.business-content .button{font-size:19px;min-width:190px;min-height:50px}}
body[data-ornaments=off] .section-heading i::after{display:block;content:'';position:absolute;right:-2px;top:-3px;width:6px;height:6px;border:1px solid #a88b59;rotate:45deg;background:#eee0cc}

.skip{position:fixed;top:12px;left:15px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}.skip:focus{width:auto;height:auto;clip-path:none;overflow:visible;padding:10px 20px}
.archive-rule::after{display:none}.archive-rule .title-knot{right:0;top:-6px;width:18px;height:14px}
@media(min-width:1024px){.home-catalog{padding-top:clamp(18px,1.40625vw,54px)}.category-filters{margin-top:0;margin-bottom:4px}}
/* Preserve the approved full scene geometry; use a readable stacked archive on tablets. */
@media(min-width:768px) and (max-width:1023px){.archive-layout{aspect-ratio:auto;padding:0 0 34px}.archive-scene{position:relative;inset:auto;width:100%;height:76vw;overflow:hidden}.archive-plane{inset:auto;left:0;top:-12vw;width:178%;height:auto;aspect-ratio:1672/941}.archive-copy{position:relative;left:auto;top:auto;width:88%;margin:8px auto 0}.archive-name h3{font-size:40px}.archive-rule{margin:16px 0 22px}.archive-block{margin-bottom:22px}.archive-block h4{font-size:24px}.archive-block p{font-size:16px}.archive-inquiry{font-size:22px;width:75%;min-height:50px}.archive-previews{max-width:540px;gap:14px}}
.hero:not([data-layout-ready]) .hero-canvas{width:max(100vw,calc(max(100svh,640px) * 2196 / 941));height:auto;aspect-ratio:2196/941;left:50%;top:50%;translate:-50% -50%}
@media(max-aspect-ratio:17/10) and (min-width:1024px){.hero:not([data-layout-ready]) .hero-canvas{width:max(100vw,calc(max(100svh,640px) * 2196 / 1000));aspect-ratio:2196/1000}}
@media(max-aspect-ratio:3/2) and (min-width:1024px){.hero:not([data-layout-ready]) .hero-canvas{width:max(100vw,calc(max(100svh,640px) * 2196 / 1200));aspect-ratio:2196/1200}}

.card-identity{flex:1;min-width:0}.card-identity h3{overflow:hidden;text-overflow:ellipsis}.category{max-width:27%;overflow:hidden;text-overflow:ellipsis}.card-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1}.card-action{flex-shrink:0}
/* First-paint geometry is derived from the same canonical coordinates as runtime layout. */
.hero:not([data-layout-ready]) .hero-aperture{left:var(--port-x);width:var(--port-w);top:var(--port-wide-y);height:var(--port-wide-h)}
@media(max-aspect-ratio:17/10) and (min-width:1024px){.hero:not([data-layout-ready]) .hero-aperture{top:var(--port-floor-y);height:var(--port-floor-h)}}
@media(max-aspect-ratio:3/2) and (min-width:1024px){.hero:not([data-layout-ready]) .hero-aperture{top:var(--port-tall-y);height:var(--port-tall-h)}}
@media(max-width:1023px){.hero-viewport{height:clamp(44vw,calc(100svh - 330px),min(600px,82vw))}.hero:not([data-layout-ready]) .hero-canvas{width:max(100vw,calc(clamp(44vw,calc(100svh - 330px),min(600px,82vw)) * 2196 / 1200));aspect-ratio:2196/1200}.hero:not([data-layout-ready]) .hero-aperture{top:var(--port-tall-y);height:var(--port-tall-h)}}
#hero-media{background:#e2cbb4}
.card-identity{flex-wrap:nowrap}

/* Revision 1: measurable type, architectural decoration and a continuous stone surface. */
.hero-readable{position:relative;isolation:isolate;width:fit-content;max-width:100%;color:#211d18}
.hero-readable::before{content:'';position:absolute;z-index:-1;inset:-130% -28%;opacity:.8;pointer-events:none;background:radial-gradient(ellipse at center,#fff2ddf5 0%,#fff2dded 38%,#fff2ddc9 53%,#fff2dd66 66%,#fff2dd00 80%)}
.hero[data-tone] .hero-readable :is(h1,p){text-shadow:none!important;-webkit-text-stroke:0}
.hero-readable>p{margin:.3em 0 0;font-size:var(--type-subtitle);letter-spacing:.2em;line-height:1.7}
.hero-links{position:relative;z-index:1}
.card-meta{font-size:clamp(12px,2.65cqw,28px)}.category,.card-action{font-size:clamp(12px,3cqw,32px)}
main{--marble-source:image-set(url('/assets/grok-a/marble-flow-1024.webp') 1x,url('/assets/grok-a/marble-flow-2048.webp') 2x,url('/assets/grok-a/marble-flow-4096.webp') 3x,url('/assets/grok-a/marble-flow-5016.webp') 4x);background:#eedcc7 var(--marble-source) 0 0/1024px auto repeat}
.home-catalog,.home-archive,.home-business{background:transparent}
.home-catalog{margin-bottom:0;padding-bottom:8px}
.home-catalog::before{mask-image:linear-gradient(#000,#000 calc(100% - 28px),#0000)}
.home-archive{position:relative;border:0;padding:0}
.home-archive>.section-heading{position:relative;inset:auto;padding:18px 0 12px;margin:0;background:none}
.archive-scene{mask-image:linear-gradient(#0000,#000 65px,#000 calc(100% - 65px),#0000)}
.archive-copy{left:calc(61.4% + max(24px,1.875vw));right:9%;width:auto;top:15%}
.home-business{margin-top:0;padding-top:0}
.home-business .section-art{mask-image:linear-gradient(#0000,#000 65px)}
@media(max-width:1023px){
 .hero{height:auto;min-height:0}
 .hero-readable{width:100%;margin:0 auto}.hero-readable::before{display:none}
 .hero-readable>p{font-size:16px;line-height:1.7;color:#4f3d2a;letter-spacing:.16em}
 .home-archive>.section-heading{padding:18px 0}
 .archive-layout{padding-top:0;padding-bottom:44px;background:none}
 .archive-scene{mask-image:linear-gradient(#0000,#000 50px,#000 calc(100% - 55px),#0000)}
 .archive-copy{position:relative;left:auto;right:auto;top:auto;width:88%;margin:0 auto;padding-top:0}
 .home-business .section-art{mask-image:linear-gradient(#0000,#000 55px)}
}
@media(max-width:767px){
 .hero-readable>p{font-size:14px}
 .category,.card-meta,.card-action{font-size:12px}
 .card-identity{gap:3px}.card-caption{gap:4px}.card-identity h3{font-size:clamp(18px,6cqw,30px)}
}

/* Original Grok medallions: stationary material, projected cover, inherited inner lip. */
.hero-console,.hero-selectors-wrap,#hero-selectors{position:absolute;inset:0;width:100%;height:100%;display:block;padding:0;pointer-events:none;overflow:visible}
.hero-console{z-index:6}.hero:not([data-layout-ready]) .hero-console{visibility:hidden}
.medallion{position:absolute;display:block;margin:0;padding:0;border:0;background:transparent;pointer-events:auto;overflow:visible;min-width:44px;min-height:44px;border-radius:50%;cursor:pointer}
.medallion-art{position:absolute;display:block;pointer-events:none}
.medallion-frame,.medallion-inner-shadow{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.medallion-frame{z-index:2}.medallion-inner-shadow{z-index:3}
.medallion-cover{position:absolute;left:0;top:0;width:400px;height:400px;border-radius:50%;overflow:hidden;transform-origin:0 0;z-index:1;transition:filter 200ms}
.face-layer{position:absolute;inset:0;display:block}.medallion-cover .medallion-photo{position:absolute;max-width:none;object-fit:fill;border:0;border-radius:0;transform:none}
#hero-selectors[data-fixed=true] .medallion[aria-pressed=false] .medallion-cover{filter:brightness(.85)}
.medallion:focus-visible{outline:2px solid #4b321b;outline-offset:4px}
.round-arrow{position:absolute;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:pointer}
.round-arrow img{width:auto;max-width:none;pointer-events:none}.round-arrow:focus-visible{outline:2px solid #4b321b;outline-offset:0;border-radius:8px}
.hero-viewport{touch-action:pan-y}
/* Closest-side ellipse reaches zero before the box edges, including its midpoint edges. */
.hero{--readable-ink:#211d18;--readable-glow:rgba(255,242,221,.60);background:transparent}
.hero[data-tone=dark]{--readable-ink:#fff8e9;--readable-glow:rgba(16,20,26,.64)}
.hero .hero-readable{color:var(--readable-ink)}
.hero[data-tone] .hero-readable h1,.hero[data-tone] .hero-readable p{color:var(--readable-ink);text-shadow:none;-webkit-text-stroke:0}
.hero-readable::before{display:block;opacity:1;background:radial-gradient(ellipse closest-side at center,var(--readable-glow) 0%,var(--readable-glow) 72%,transparent 90%,transparent 100%)}
/* Both sides of each seam expose the same continuous stone surface. */
.hero-viewport{mask-image:linear-gradient(#000 0%,#000 calc(100% - 48px),#0000 100%)}
.home-catalog::before{mask-image:linear-gradient(#0000,#000 48px,#000 calc(100% - 48px),#0000)}
.home-business .section-art{mask-image:linear-gradient(#0000,#000 48px)}
@media(max-width:1023px){.hero{background:transparent}.hero-viewport::after{display:none}.hero-readable::before{display:block;inset:-45px -30%}.hero-copy .hero-readable h1,.hero-copy .hero-readable p{color:var(--readable-ink)}}
@media(prefers-reduced-motion:reduce){.medallion-cover{transition:none}}
/* On phones the copy sits on the light stone below the image, so no media scrim is needed. */
@media(max-width:1023px){.hero[data-tone]{--readable-ink:#211d18}.hero .hero-readable::before{display:none}}
/* Buttons never inherit the dark hero copy shadow. Keep the readable title treatment above. */
.hero[data-tone] :is(.hero-browse,.hero-enter){text-shadow:none}
@media(max-width:767px){.hero-featured{padding-inline:10px}.hero-featured b{flex-shrink:0}}