/* Identities deliberately override shared beige defaults, including typography. */
.site-demo h1,.site-demo h2{font-family:var(--display)!important}.site-demo[data-font=condensed] h1,.site-demo[data-font=condensed] h2{font-weight:800;letter-spacing:-1px}.site-demo[data-font=mono] h1,.site-demo[data-font=mono] h2{letter-spacing:-2px;line-height:1.1}.site-demo .demo-brand{color:var(--ink)}.site-demo .demo-button{background:var(--ink);color:var(--paper)}.site-demo .demo-nav>button{background:var(--ink);color:var(--paper)}.site-demo .demo-nav{color:var(--ink)}.site-demo .demo-desc{opacity:.85}.layout-journal .journal-title{background:var(--paper);color:var(--ink)}.layout-journal .journal-columns{border-color:var(--ink)}.layout-journal .journal-title>div{border-color:var(--ink)}.gallery-card .card-wordmark{font-family:var(--card-font);font-style:normal}.gallery-card .card-copy h3{font-family:var(--card-font);color:var(--card-accent)}.gallery-card .card-layout{background:var(--card-paper);color:var(--card-ink);border:1px solid var(--card-accent)}.card-kitchen .card-wordmark,.card-clinical .card-wordmark,.card-objects .card-wordmark{background:var(--card-paper);color:var(--card-ink);text-shadow:none;padding:15px;width:max-content;max-width:85%;font-size:28px}.card-console .card-photo,.card-blueprint .card-photo{border:2px solid var(--card-accent)}.card-vault .card-wordmark,.card-meadow .card-wordmark{letter-spacing:2px;font-weight:400}.card-pattern .card-wordmark,.card-ledger .card-wordmark{font-size:29px}.card-diner .card-wordmark{border:2px solid currentColor;padding:12px;font-size:29px}.card-playroom .card-wordmark{transform:rotate(-5deg)}.sector-dropdown select{border:1px solid #ffffff25;background:#12151a;border-radius:22px;padding:10px 14px;max-width:210px;color:#aeb6be;font-size:11px}.gallery-tools{flex-wrap:wrap}.search-wrap{flex:1;max-width:260px}.signature-rail{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 5%;font-size:9px;letter-spacing:1px;border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.signature-rail>a:first-child{font:500 23px var(--display);letter-spacing:-1px;margin-right:auto}.signature-rail button{background:none;color:var(--ink);border-bottom:1px solid var(--ink);padding:10px 0;font-size:9px}.signature-intro .demo-kicker{font-size:9px}.signature-intro h1{font-size:clamp(38px,5.5cqw,80px)}.signature-intro .demo-desc{max-width:450px}.signature-tile{display:block;background:none;padding:0;text-align:left;position:relative;min-width:0;color:var(--ink)}.signature-tile img{height:300px;transition:transform .5s,filter .5s}.signature-tile:hover img{filter:brightness(1.08);transform:translateY(-5px)}.signature-tile .tile-index{display:block;font-size:9px;opacity:.6;margin:20px 0 12px}.signature-tile h3{font:500 25px/1.1 var(--display);margin-bottom:15px}.signature-tile p{font-size:12px;opacity:.7;max-width:380px}.signature-tile .tile-link{display:block;font-size:10px;margin-top:20px;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding-bottom:10px}.signature-row{display:grid;grid-template-columns:35px 1fr 170px 30px;gap:35px;align-items:center;text-align:left;width:100%;background:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:26px 0;color:var(--ink)}.signature-row>span{font-size:9px;opacity:.6}.signature-row h3{font:400 34px/1.1 var(--display);margin-bottom:14px}.signature-row p{font-size:12px;max-width:400px;opacity:.7}.signature-row img{height:130px}.signature-row b{font-weight:400;font-size:24px}.signature-story{padding:80px 9%;display:grid;grid-template-columns:1.25fr 1fr;gap:40px 80px;align-items:center;border-block:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.signature-story>.demo-kicker{grid-column:1/-1;margin:0}.signature-story h2{max-width:650px}.signature-story>p:last-child{font-size:14px;max-width:420px;opacity:.75}.site-demo [class$='-opening']{overflow:hidden}.site-demo [class$='-menu'],.site-demo [class$='-shelf'],.site-demo [class$='-paths']{scroll-margin-top:15px}
/* Open kitchen: wide photograph, floating white identity, horizontal ingredient strip. */
.kitchen-opening{position:relative;height:650px;padding:35px 5%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.kitchen-opening>.hero-photo{position:absolute;inset:30px 5% 30px 30%;height:590px;width:65%;min-height:0}.kitchen-opening .signature-intro{position:relative;background:var(--paper);padding:45px 40px;grid-column:1;box-shadow:0 12px 70px #0001}.kitchen-opening h1{font-size:clamp(38px,5cqw,72px)}.kitchen-tags{position:absolute;bottom:50px;right:7%;display:flex;gap:25px;color:white;font-size:10px;letter-spacing:2px}.kitchen-menu{padding:65px 7%}.kitchen-menu>h2{margin-bottom:25px}
/* Kebab poster: narrow vertical word, product centre and right-hand offer. */
.poster-opening{display:grid;grid-template-columns:90px 1fr 1fr;gap:35px;padding:65px 5%;align-items:center}.poster-word{writing-mode:vertical-rl;transform:rotate(180deg);font:800 88px/.85 'Barlow Condensed';color:var(--accent);letter-spacing:-3px}.poster-opening>div:nth-child(2){position:relative}.poster-opening .hero-photo{height:530px;min-height:530px;border-radius:3px}.poster-opening h1{font-size:clamp(35px,4.7cqw,70px)}.poster-stamp{position:absolute;bottom:25px;left:-20px;background:var(--accent);color:var(--paper);padding:17px;font:700 18px/1.1 'Space Grotesk';transform:rotate(-8deg)}.poster-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:65px 7%;background:var(--ink);color:var(--paper)}.poster-menu .signature-tile{color:var(--paper)}
/* Diner: double framed type, chequered paper and a dedicated menu board. */
.diner-opening{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:45px 5%;background:repeating-conic-gradient(#224a4c0a 0% 25%,transparent 0% 50%) 50%/32px 32px}.diner-border{border:4px double var(--ink);padding:50px 35px;display:grid;align-content:center;position:relative}.diner-border h1{font-size:clamp(35px,4.6cqw,67px)}.diner-star{position:absolute;bottom:14px;right:22px;font-size:52px;color:var(--accent)}.diner-opening .hero-photo{height:560px;min-height:560px;border-radius:160px 160px 15px 15px}.diner-board{padding:65px 8%;margin:35px 6%;border:4px double var(--ink)}.diner-board>header{text-align:center;margin-bottom:35px}.diner-board>header p{font-size:9px;letter-spacing:3px;margin-bottom:20px}
/* Ingredients laboratory: blue field, circular still life, offset product modules. */
.lab-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:70px 7%;align-items:center}.lab-opening>div:last-child{position:relative}.lab-opening .hero-photo{height:500px;min-height:500px;border-radius:50%;aspect-ratio:1;object-fit:cover;border:15px solid #ffffff20}.lab-caption{display:block;text-align:center;font-size:9px;letter-spacing:2px;margin-top:24px}.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:75px 5%;background:var(--accent);color:#173146}.lab-grid .signature-tile{color:#173146}.lab-grid>header{align-self:center}.lab-grid>header h2{font-size:45px}.lab-grid>header p{font-size:12px;margin-top:25px}.lab-grid .signature-tile img{height:240px;border-radius:100px 100px 0 0}
/* Gelateria: typographic arch, tall cone and flavour cards below. */
.scoops-opening{display:grid;grid-template-columns:1fr 1fr;gap:20px 6%;padding:55px 6%;position:relative}.scoops-opening>h1{grid-column:1/-1;font-size:clamp(50px,9cqw,130px);line-height:.9;color:var(--ink);text-align:center;letter-spacing:-6px}.scoops-opening>.hero-photo{min-height:540px;height:540px;border-radius:45% 45% 0 0;object-position:center}.scoops-opening>div{align-self:center}.scoops-opening>div h1{font-size:42px}.scoops-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:65px 7%}.scoops-menu img{border-radius:180px 180px 5px 5px}.scoops-band{display:flex;justify-content:space-around;padding:30px 5%;background:var(--accent);font-size:18px;font-weight:500}
/* Night bakery: mono typography, ledger lines and a large real bread photograph. */
.ledger-opening{display:grid;grid-template-columns:1fr 1.15fr;position:relative;border-bottom:1px solid #ffffff25}.ledger-opening aside{padding:65px 10%}.ledger-opening aside>span{font-size:8px;letter-spacing:1px;opacity:.5;display:block;margin-bottom:70px}.ledger-opening h1{font-size:clamp(35px,4.8cqw,72px)}.ledger-opening .hero-photo{min-height:660px}.ledger-seal{position:absolute;left:46%;bottom:45px;transform:rotate(-8deg);border:1px solid var(--accent);background:var(--paper);color:var(--accent);padding:20px;text-align:center;border-radius:50%;font:10px/1.6 'Courier New'}.ledger-menu{padding:70px 8%}.ledger-menu .signature-row h3{font-size:28px}.ledger-menu .signature-row img{height:150px}
/* Coffee: two photo scales, staggered text and opening recipe drawers. */
.brew-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:55px 6%}.brew-opening>div:first-child{padding-top:15px}.brew-opening>div:first-child h1{font-size:clamp(43px,6cqw,90px);margin-bottom:40px}.brew-opening>div:first-child img{height:380px;width:85%}.brew-opening .hero-photo{height:410px;min-height:410px}.brew-opening .signature-intro{padding-top:40px}.brew-opening .signature-intro h1{font-size:33px}.brew-recipes{padding:70px 8%}.brew-recipes details{border-top:1px solid var(--ink);padding:24px 0}.brew-recipes summary{display:flex;align-items:center;gap:30px;cursor:pointer;font:400 35px var(--display)}.brew-recipes summary>span{font:9px 'DM Sans';opacity:.6}.brew-recipes summary>b{margin-left:auto;font:20px 'DM Sans'}.brew-recipes details>div{display:grid;grid-template-columns:250px 1fr;gap:25px;padding:25px 0}.brew-recipes details img{height:180px}.brew-recipes details p{align-self:center;font-size:14px;max-width:350px}.brew-recipes details button{grid-column:2;background:none;border-bottom:1px solid currentColor;width:max-content;font-size:11px;padding:8px 0}
/* Restaurant: left-hand atmosphere photograph, narrow dining invitation. */
.table-opening{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;padding:40px 5% 70px;align-items:center}.table-opening>div:first-child{position:relative}.table-opening .hero-photo{min-height:660px;border-radius:3px}.table-opening>div:first-child>span{position:absolute;bottom:25px;left:25px;font-size:8px;letter-spacing:2px;color:white;background:#0006;padding:10px 14px}.table-opening h1{font-size:clamp(35px,4.6cqw,68px)}.table-menu{padding:70px 8%;background:var(--accent)}.table-menu>h2{text-align:center;margin-bottom:40px}
/* Cocktail poster: colour, luminous large type and three event-ticket shaped cards. */
.gig-opening{display:grid;grid-template-columns:1.1fr 1fr;padding:50px 5%;gap:50px;position:relative}.gig-opening>div{align-self:center;position:relative;padding:35px 0}.gig-opening h1{font-size:clamp(43px,6cqw,90px);text-transform:uppercase;line-height:.95}.gig-sun{display:inline-block;color:var(--accent);font-size:85px;vertical-align:middle;margin-right:20px}.gig-opening .hero-photo{height:560px;min-height:560px;border-radius:50% 50% 0 0;filter:contrast(1.1)}.gig-edge{position:absolute;right:7%;bottom:65px;color:white;font-size:8px;letter-spacing:3px;writing-mode:vertical-rl}.gig-tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:75px 6%}.gig-tickets .signature-tile{border:1px solid #ffffff45;padding:18px;border-radius:35px 35px 3px 3px}.gig-tickets img{height:250px;border-radius:22px 22px 0 0}
/* Fashion: slim rail, huge publication name and unequal lookbook photographs. */
.runway-opening{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;padding:40px 5%;align-items:end}.runway-opening>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:25px;padding-bottom:20px}.runway-opening>div .demo-kicker{width:100%;margin:0}.runway-opening h1{font-size:clamp(50px,10cqw,145px);line-height:.9;letter-spacing:-6px;max-width:60%}.runway-opening>div>p:last-child{font-size:12px;max-width:300px}.runway-opening>.hero-photo{height:680px;min-height:680px}.runway-opening>img:nth-of-type(2){height:500px;margin-bottom:50px}.runway-opening>span{grid-column:1/-1;font-size:8px;text-align:right;letter-spacing:2px}.runway-edit{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 7%;align-items:start}.runway-edit header{align-self:center}.runway-edit img{height:460px}.runway-edit .signature-tile:nth-child(3){padding-top:90px}
/* Footwear: huge release number and a deliberately off-centre product. */
.drop-opening{position:relative;display:grid;grid-template-columns:1.2fr 1fr;padding:70px 6%;gap:7%;align-items:center}.drop-number{position:absolute;font:700 250px/.8 'Space Grotesk';left:2%;top:40px;color:color-mix(in srgb,var(--accent) 35%,transparent);z-index:0;letter-spacing:-25px}.drop-opening>.hero-photo{position:relative;min-height:530px;height:530px;object-fit:contain;mix-blend-mode:multiply}.drop-opening>.signature-intro{position:relative}.drop-opening h1{font-size:clamp(40px,5.5cqw,82px)}.drop-opening>span{position:absolute;bottom:35px;left:7%;font-size:8px;letter-spacing:3px}.drop-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:70px 6%;border-top:1px solid #0002}.drop-shelf .signature-tile img{object-fit:contain;background:#fff6;height:260px;padding:20px}
/* Toy shop: bright modular playroom, angled photo and broad friendly cards. */
.playroom-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:70px 6%;align-items:center}.playroom-opening>div:last-child{position:relative;transform:rotate(3deg)}.playroom-opening .hero-photo{height:530px;min-height:530px;border-radius:45px;border:12px solid #fff7}.playroom-opening>div:last-child>span{position:absolute;bottom:-25px;left:-20px;background:var(--accent);border-radius:50%;padding:25px;font:600 23px/1.1 'Space Grotesk';transform:rotate(-8deg)}.playroom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:65px 6%}.playroom-grid .signature-tile{border-radius:30px;background:#fff8;padding:20px}.playroom-grid img{border-radius:20px;height:260px}.playroom-values{display:flex;justify-content:space-around;gap:30px;background:var(--accent);padding:40px 5%}.playroom-values b{font-size:10px;opacity:.6}.playroom-values h2{font-size:35px;margin-top:15px}
/* Retro catalog inside a console window with labelled track rows. */
.console-window{margin:50px 6%;border:2px solid var(--accent);border-radius:5px;box-shadow:10px 10px 0 #0004}.console-window>header{display:flex;justify-content:space-between;padding:15px 22px;border-bottom:2px solid var(--accent);font-size:8px;background:var(--accent);color:var(--paper);letter-spacing:1px}.console-window>div{display:grid;grid-template-columns:1fr 1fr;align-items:center}.console-window .signature-intro{padding:45px}.console-window h1{font-size:clamp(35px,4.4cqw,65px)}.console-window .hero-photo{min-height:550px;height:550px}.console-menu{padding:60px 8%}.console-menu .signature-row h3{font-size:27px}.console-menu .signature-row img{height:115px}
/* Florist: a botanical monogram, round photography and light bouquet columns. */
.meadow-opening{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:65px 6%;align-items:center}.meadow-opening>span{font:400 75px var(--display);color:var(--accent);align-self:start}.meadow-opening h1{font-size:clamp(36px,4.8cqw,70px)}.meadow-opening .hero-photo{height:530px;min-height:530px;border-radius:50% 50% 5px 5px}.meadow-opening>p{grid-column:2/-1;font:italic 20px var(--display);text-align:right}.meadow-bouquets{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:60px 7%}.meadow-bouquets img{border-radius:160px 160px 3px 3px;height:350px}
/* Objects: catalog-first composition with an editorial fourth tile. */
.objects-opening{padding:60px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center}.objects-opening h1{font-size:clamp(40px,5.5cqw,80px)}.objects-opening>div{position:relative}.objects-opening .hero-photo{height:570px;min-height:570px}.objects-opening>div>span{position:absolute;bottom:20px;left:25px;background:var(--paper);color:var(--ink);font-size:8px;letter-spacing:2px;padding:10px}.objects-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:70px 6%;border-top:1px solid #0002}.objects-grid .signature-tile img{height:400px}.objects-grid aside{align-self:center;padding:40px 15%}.objects-grid aside h2{font-size:50px}.objects-grid aside p{font-size:14px;margin:25px 0}
/* Jewellery: restrained dark vault, narrow product photographs and gold hairlines. */
.vault-opening{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:65px 9%;align-items:center;position:relative}.vault-opening .hero-photo{height:580px;min-height:580px;padding:30px;border:1px solid var(--accent);object-fit:contain}.vault-opening h1{font-size:clamp(38px,4.8cqw,70px);font-weight:400}.vault-opening>span{position:absolute;bottom:35px;right:9%;font-size:8px;letter-spacing:3px;color:var(--accent)}.vault-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:80px 9%;border-top:1px solid #d4ba7930}.vault-gallery img{height:340px;object-fit:cover}.vault-gallery .signature-tile h3{font-size:23px}.vault-gallery .signature-tile .tile-link{border-color:#d4ba7950}
/* Bookshop: mono index, side photograph and coloured category spines. */
.index-opening{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;padding:55px 6%;align-items:center}.index-opening>div>span{font-size:8px;letter-spacing:1px;display:block;margin-bottom:50px}.index-opening h1{font-size:clamp(37px,4.8cqw,70px)}.index-opening .hero-photo{height:570px;min-height:570px}.index-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:70px 6%;border-top:1px solid #492d4330}.index-shelf article{display:grid;grid-template-columns:40px 1fr;border-left:1px solid var(--ink);padding-left:15px;gap:15px}.book-tab{writing-mode:vertical-rl;font-size:11px;background:var(--accent);color:var(--paper);padding:18px 8px;text-align:left}.index-shelf .signature-tile img{height:320px}.index-shelf .signature-tile h3{font-size:23px}
/* Tailor: drafting paper and ruler, image-led services with precise mono type. */
.layout-pattern{background-image:linear-gradient(#40553a07 1px,transparent 1px),linear-gradient(90deg,#40553a07 1px,transparent 1px);background-size:35px 35px}.pattern-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:70px 6%;align-items:center;position:relative}.pattern-ruler{position:absolute;top:20px;left:6%;right:6%;padding-bottom:12px;border-bottom:1px dashed var(--accent);font:8px 'Courier New';letter-spacing:5px;color:var(--ink)}.pattern-opening .hero-photo{min-height:540px;height:540px;border-radius:250px 250px 0 0}.pattern-opening h1{font-size:clamp(37px,4.8cqw,70px)}.pattern-services{padding:70px 8%}.pattern-services>h2{margin-bottom:40px}.pattern-services .signature-row{border-style:dashed}.pattern-services .signature-row h3{font-size:28px}
/* Sport: technical blue plan, visible grid and numbered progression cards. */
.layout-blueprint{background-image:linear-gradient(#75c9fa15 1px,transparent 1px),linear-gradient(90deg,#75c9fa15 1px,transparent 1px);background-size:40px 40px}.blueprint-opening{display:grid;grid-template-columns:1.1fr 1fr;padding:65px 6%;gap:7%;align-items:center}.blueprint-label{display:block;font-size:8px;letter-spacing:2px;color:var(--accent);margin-bottom:50px}.blueprint-opening h1{font-size:clamp(39px,5.7cqw,85px)}.blueprint-opening .hero-photo{height:590px;min-height:590px;border:1px solid var(--accent);padding:15px}.blueprint-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:65px 6%}.blueprint-paths .signature-tile{border:1px solid #75c9fa50;padding:20px;background:#092c4970}.blueprint-paths img{height:240px}.blueprint-method{padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-block:1px solid #75c9fa40}.blueprint-method>div{display:flex;flex-direction:column;gap:25px;color:var(--accent);font:12px 'Courier New'}
/* Movement: sunny typography, angled outdoor photography and a calm reading path. */
.air-opening{padding:60px 7%;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.air-opening>h1{font:600 clamp(60px,11cqw,165px)/.85 var(--display);letter-spacing:-7px;position:relative;z-index:1}.air-opening .hero-photo{height:600px;min-height:600px;transform:rotate(4deg);border:12px solid #fff8}.air-opening>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:20px}.air-opening>div p{font-size:14px;max-width:450px}.air-paths{padding:60px 8%;background:var(--accent)}.air-paths .signature-row img{border-radius:50%;width:130px;height:130px;justify-self:center}
/* Beauty: cool clean studio, annotation strip and quiet treatment modules. */
.clinical-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:70px 7%;align-items:center}.clinical-opening>div:last-child{position:relative;border-left:1px solid var(--accent);padding-left:35px}.clinical-opening .hero-photo{height:540px;min-height:540px}.clinical-label{display:block;font-size:8px;letter-spacing:2px;margin-top:18px}.clinical-rituals{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:70px 7%;background:#eaf3fb}.clinical-rituals>h2{grid-column:1/-1;max-width:600px;margin-bottom:15px}.clinical-rituals .signature-tile img{height:250px;object-fit:cover;border-radius:3px}
/* Salon: central black and white atmosphere photo, full width typographic band. */
.salon-opening{display:grid;grid-template-columns:1fr 1.2fr;gap:5%;padding:50px 6% 75px;position:relative;align-items:center}.salon-opening h1{font-size:clamp(43px,6.5cqw,95px);text-transform:uppercase}.salon-opening .hero-photo{height:600px;min-height:600px;filter:grayscale(1);border-radius:0}.salon-opening>span{position:absolute;bottom:25px;left:6%;font:800 23px 'Barlow Condensed';letter-spacing:3px}.salon-services{padding:55px 7%;border-top:4px solid var(--ink)}.salon-services .signature-row h3{font-family:'Barlow Condensed';font-size:43px;text-transform:uppercase}
/* Hospitality: publication masthead, panoramic place photo, rooms as travel postcards. */
.atlas-opening{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;padding:45px 5%}.atlas-opening>header{grid-column:1/-1;text-align:center;padding-bottom:20px}.atlas-opening>header h1{font-size:clamp(50px,10cqw,145px);letter-spacing:-5px}.atlas-opening>div{position:relative}.atlas-opening .hero-photo{height:610px;min-height:610px}.atlas-opening>div>span{position:absolute;bottom:25px;left:25px;font-size:8px;letter-spacing:2px;color:white;background:#0006;padding:12px}.atlas-opening>aside{align-self:end;padding:0 0 20px}.atlas-opening aside h1{font-size:clamp(32px,3.4cqw,49px)}.atlas-rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:70px 6%}.atlas-rooms img{height:350px;box-shadow:10px 10px 0 #fff5}
/* Real estate: architectural horizontal photograph and a ruled listing index. */
.address-opening{padding:55px 6%;display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:center}.address-opening h1{font-size:clamp(35px,4.5cqw,66px)}.address-opening>div{position:relative}.address-opening .hero-photo{height:560px;min-height:560px}.address-opening>div>span{position:absolute;bottom:25px;left:25px;padding:12px 20px;background:var(--paper);font-size:9px;letter-spacing:1px}.address-list{padding:60px 7%;border-block:1px solid #37435040}.address-list>h2{margin-bottom:25px}.address-list .signature-row{grid-template-columns:35px 1fr 300px 30px}.address-list .signature-row img{height:190px}
/* Professional: dossier sidebar, documentary image and opening service files. */
.dossier-opening{display:grid;grid-template-columns:230px 1fr;padding:65px 6%;gap:8%}.dossier-opening>aside{border-top:2px solid var(--ink);padding-top:20px}.dossier-opening>aside>span{font-size:8px;letter-spacing:2px}.dossier-opening aside h2{font-size:32px;margin:35px 0}.dossier-opening aside p{font-size:12px;opacity:.7}.dossier-opening .signature-intro h1{font-size:clamp(36px,4.6cqw,66px)}.dossier-opening .hero-photo{margin-top:35px;height:380px;min-height:380px}.dossier-services{padding:40px 8% 75px}.dossier-services details{border-top:1px solid var(--ink);padding:23px 0}.dossier-services summary{display:flex;align-items:center;gap:30px;cursor:pointer}.dossier-services summary>span{font-size:9px;opacity:.6}.dossier-services summary h3{font:400 30px var(--display)}.dossier-services summary b{margin-left:auto;font-size:20px;font-weight:400}.dossier-services details>div{padding:25px 65px;display:flex;align-items:center;justify-content:space-between;gap:40px}.dossier-services details p{font-size:13px;max-width:500px}.dossier-services details button{background:none;border-bottom:1px solid var(--ink);font-size:10px;padding:8px 0}
/* Photographer: contact sheet on black, image modules instead of a generic hero. */
.contactsheet-opening{padding:65px 7% 45px;display:grid;grid-template-columns:1fr 1.5fr;gap:45px}.contactsheet-opening>span{font-size:8px;letter-spacing:2px;color:var(--accent)}.contactsheet-opening .demo-kicker{display:none}.contactsheet-opening h1{font-size:clamp(38px,5.7cqw,83px)}.contactsheet-opening .demo-desc{grid-column:2}.contactsheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:30px 7% 75px}.contactsheet-grid .signature-tile img{height:450px}.contactsheet-grid .signature-tile:nth-child(2){padding-top:110px}.contactsheet-grid>div{align-self:center;padding:45px}.contactsheet-grid>div>span{font-size:8px;color:var(--accent)}.contactsheet-grid>div h2{font-size:40px;margin:30px 0}.contactsheet-grid>div button{background:none;border-bottom:1px solid var(--accent);padding:9px 0;font-size:11px;color:var(--accent)}
/* Music: vinyl-shaped photographic hero, compact track list and community story. */
.vinyl-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:75px 7%;align-items:center;position:relative}.vinyl-record{position:relative;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(#141019 0 3px,#413247 3px 4px);padding:12%;box-shadow:0 15px 50px #0005}.vinyl-record .hero-photo{border-radius:50%;height:100%;min-height:0;aspect-ratio:1;object-fit:cover}.vinyl-record>span{position:absolute;inset:47%;background:var(--paper);border-radius:50%;border:3px solid var(--accent)}.vinyl-opening h1{font-size:clamp(38px,5.1cqw,75px)}.vinyl-caption{position:absolute;bottom:30px;right:7%;font-size:8px;letter-spacing:2px;color:var(--accent)}.vinyl-tracks{padding:65px 8%;border-block:1px solid #c875a950}.vinyl-tracks>h2{margin-bottom:35px}.vinyl-tracks .signature-row img{border-radius:50%;height:130px;width:130px;justify-self:center}
@container(max-width:650px){.signature-rail{padding:15px 6%;gap:13px;flex-wrap:wrap;font-size:7px}.signature-rail>a:first-child{width:100%;font-size:22px}.signature-rail button{font-size:7px;padding:6px 0}.signature-intro h1{font-size:41px!important}.signature-intro .demo-desc{font-size:13px}.signature-story{grid-template-columns:1fr;padding:45px 7%;gap:20px}.signature-story>.demo-kicker{grid-column:1}.signature-story h2{font-size:32px}.signature-story>p:last-child{font-size:12px}.signature-tile img{height:300px!important}.signature-tile h3{font-size:24px}.signature-tile p{font-size:12px}.signature-row{grid-template-columns:22px 1fr 65px;gap:15px;padding:20px 0}.signature-row>b{display:none}.signature-row h3{font-size:25px!important}.signature-row p{font-size:11px}.signature-row img{height:90px!important;width:65px!important;border-radius:0}.kitchen-opening{height:auto;display:flex;flex-direction:column;padding:25px 6%;gap:25px}.kitchen-opening>.hero-photo{position:static;height:320px!important;min-height:320px!important;width:100%}.kitchen-opening .signature-intro{padding:20px 5px;box-shadow:none}.kitchen-tags{position:static;color:var(--ink);font-size:8px;gap:25px}.kitchen-menu,.poster-menu,.diner-board,.lab-grid,.scoops-menu,.ledger-menu,.brew-recipes,.table-menu,.gig-tickets,.runway-edit,.drop-shelf,.playroom-grid,.console-menu,.meadow-bouquets,.objects-grid,.vault-gallery,.index-shelf,.pattern-services,.blueprint-paths,.air-paths,.clinical-rituals,.salon-services,.atlas-rooms,.address-list,.dossier-services,.contactsheet-grid,.vinyl-tracks{padding:45px 7%;grid-template-columns:1fr;gap:35px}.poster-opening{grid-template-columns:30px 1fr;padding:35px 6%;gap:20px}.poster-word{font-size:40px}.poster-opening .hero-photo{height:330px!important;min-height:330px!important}.poster-opening .signature-intro{grid-column:1/-1;padding-top:15px}.poster-stamp{font-size:13px;padding:15px}.poster-menu{grid-template-columns:1fr}.diner-opening{grid-template-columns:1fr;padding:30px 6%;gap:25px}.diner-border{padding:35px 25px}.diner-opening .hero-photo{height:360px!important;min-height:360px!important}.diner-board{margin:25px 6%;padding:35px 5%}.diner-board>header h2{font-size:31px}.lab-opening{grid-template-columns:1fr;padding:40px 7%;gap:30px}.lab-opening .hero-photo{height:330px!important;min-height:330px!important}.lab-grid>header h2{font-size:38px}.lab-grid img{border-radius:140px 140px 0 0}.scoops-opening{grid-template-columns:1fr;padding:40px 6%;gap:30px}.scoops-opening>h1{grid-column:1;font-size:52px!important;letter-spacing:-3px}.scoops-opening>.hero-photo{height:400px!important;min-height:400px!important}.scoops-opening>div h1{font-size:33px!important}.scoops-band{gap:15px;font-size:10px;padding:25px 5%;flex-wrap:wrap}.ledger-opening{grid-template-columns:1fr}.ledger-opening aside{padding:40px 7%}.ledger-opening aside>span{margin-bottom:30px;font-size:7px}.ledger-opening .hero-photo{height:380px!important;min-height:380px!important}.ledger-seal{left:auto;right:7%;bottom:25px;padding:15px;font-size:8px}.brew-opening{grid-template-columns:1fr;padding:40px 7%;gap:35px}.brew-opening>div:first-child h1{font-size:46px!important}.brew-opening>div:first-child img{height:250px;width:80%}.brew-opening .hero-photo{height:330px!important;min-height:330px!important}.brew-opening .signature-intro{padding-top:25px}.brew-opening .signature-intro h1{font-size:32px!important}.brew-recipes summary{font-size:27px;gap:20px}.brew-recipes details>div{grid-template-columns:1fr;gap:20px}.brew-recipes details img{height:220px}.brew-recipes details button{grid-column:1}.table-opening{grid-template-columns:1fr;padding:30px 7%;gap:30px}.table-opening .hero-photo{height:400px!important;min-height:400px!important}.table-opening>div:first-child>span{font-size:7px;left:15px;bottom:15px}.gig-opening{grid-template-columns:1fr;padding:35px 7%;gap:25px}.gig-opening>div{padding:5px 0}.gig-opening .hero-photo{height:400px!important;min-height:400px!important}.gig-sun{font-size:60px}.gig-edge{font-size:7px;bottom:45px}.runway-opening{grid-template-columns:1fr;padding:35px 7%;gap:20px}.runway-opening>div{grid-column:1;display:block}.runway-opening>div .demo-kicker{margin-bottom:20px}.runway-opening h1{font-size:57px!important;max-width:none;letter-spacing:-3px}.runway-opening>div>p:last-child{font-size:12px;margin-top:20px}.runway-opening>.hero-photo{height:470px!important;min-height:470px!important}.runway-opening>img:nth-of-type(2){height:300px;margin:0;width:80%;justify-self:end}.runway-opening>span{grid-column:1}.runway-edit .signature-tile:nth-child(3){padding-top:0}.runway-edit img{height:400px!important}.drop-opening{grid-template-columns:1fr;padding:35px 7%;gap:30px}.drop-number{font-size:160px;left:0;top:25px;letter-spacing:-15px}.drop-opening>.hero-photo{height:350px!important;min-height:350px!important}.drop-opening>span{position:static;font-size:7px}.drop-shelf img{object-fit:contain}.playroom-opening{grid-template-columns:1fr;padding:40px 7%;gap:35px}.playroom-opening .hero-photo{height:350px!important;min-height:350px!important;border-width:7px}.playroom-opening>div:last-child>span{font-size:16px;padding:20px;left:-10px}.playroom-values{gap:20px;padding:30px 7%;flex-wrap:wrap;justify-content:start}.playroom-values h2{font-size:26px;margin-top:10px}.console-window{margin:35px 6%;box-shadow:6px 6px #0004}.console-window>header{padding:12px;font-size:6px;gap:10px}.console-window>div{grid-template-columns:1fr}.console-window .signature-intro{padding:30px 20px}.console-window .signature-intro h1{font-size:32px!important;letter-spacing:-2px}.console-window .hero-photo{height:300px!important;min-height:300px!important}.meadow-opening{grid-template-columns:30px 1fr;padding:35px 6%;gap:20px}.meadow-opening>span{font-size:38px}.meadow-opening>div:last-of-type{grid-column:1/-1}.meadow-opening .hero-photo{height:400px!important;min-height:400px!important}.meadow-opening>p{grid-column:1/-1;font-size:17px}.objects-opening{grid-template-columns:1fr;padding:40px 7%;gap:35px}.objects-opening .hero-photo{height:390px!important;min-height:390px!important}.objects-opening>div>span{font-size:7px;left:15px;bottom:15px}.objects-grid .signature-tile img{height:350px!important}.objects-grid aside{padding:15px 0}.objects-grid aside h2{font-size:37px}.vault-opening{grid-template-columns:1fr;padding:40px 8%;gap:30px}.vault-opening .hero-photo{height:400px!important;min-height:400px!important;padding:20px}.vault-opening>span{position:static;font-size:7px;text-align:right}.vault-gallery img{height:330px!important}.index-opening{grid-template-columns:1fr;padding:40px 7%;gap:35px}.index-opening>div>span{font-size:7px;margin-bottom:25px}.index-opening .hero-photo{height:360px!important;min-height:360px!important}.index-shelf article{grid-template-columns:30px 1fr;gap:15px;padding-left:10px}.book-tab{font-size:10px;padding:15px 5px}.index-shelf .signature-tile h3{font-size:22px}.pattern-opening{grid-template-columns:1fr;padding:65px 7% 40px;gap:30px}.pattern-ruler{font-size:6px;letter-spacing:2px;top:22px}.pattern-opening .hero-photo{height:380px!important;min-height:380px!important}.blueprint-opening{grid-template-columns:1fr;padding:40px 7%;gap:35px}.blueprint-label{font-size:7px;letter-spacing:1px;margin-bottom:25px}.blueprint-opening .hero-photo{height:390px!important;min-height:390px!important}.blueprint-method{grid-template-columns:1fr;padding:45px 7%;gap:30px}.air-opening{grid-template-columns:1fr;padding:40px 7%;gap:35px}.air-opening>h1{font-size:73px!important;letter-spacing:-4px}.air-opening .hero-photo{height:420px!important;min-height:420px!important;border-width:8px;transform:rotate(2deg)}.air-opening>div{grid-column:1;display:block;padding-top:10px}.air-opening>div p{font-size:13px;margin-bottom:20px}.air-paths .signature-row img{width:65px!important;height:65px!important}.clinical-opening{grid-template-columns:1fr;padding:40px 7%;gap:30px}.clinical-opening>div:last-child{padding-left:20px}.clinical-opening .hero-photo{height:350px!important;min-height:350px!important}.clinical-rituals>h2{grid-column:1}.salon-opening{grid-template-columns:1fr;padding:35px 7% 65px;gap:35px}.salon-opening h1{font-size:48px!important}.salon-opening .hero-photo{height:400px!important;min-height:400px!important}.salon-opening>span{font-size:14px;bottom:20px;letter-spacing:2px}.salon-services .signature-row h3{font-size:30px!important}.atlas-opening{grid-template-columns:1fr;padding:35px 7%;gap:30px}.atlas-opening>header{grid-column:1;padding-bottom:0}.atlas-opening>header h1{font-size:55px!important;letter-spacing:-3px}.atlas-opening .hero-photo{height:400px!important;min-height:400px!important}.atlas-opening>aside{padding-bottom:0}.atlas-opening aside h1{font-size:33px!important}.atlas-opening>div>span{font-size:7px;left:15px;bottom:15px}.address-opening{grid-template-columns:1fr;padding:40px 7%;gap:30px}.address-opening .hero-photo{height:370px!important;min-height:370px!important}.address-opening>div>span{font-size:7px;padding:10px;left:15px;bottom:15px}.address-list .signature-row{grid-template-columns:22px 1fr 80px;gap:15px}.address-list .signature-row img{width:80px!important;height:100px!important}.dossier-opening{grid-template-columns:1fr;padding:40px 7%;gap:30px}.dossier-opening>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.dossier-opening>aside>span{grid-column:1/-1;font-size:7px}.dossier-opening aside h2{font-size:26px;margin:0}.dossier-opening aside p{font-size:10px}.dossier-opening .hero-photo{height:300px!important;min-height:300px!important;margin-top:25px}.dossier-services summary{gap:15px}.dossier-services summary h3{font-size:23px}.dossier-services details>div{padding:20px 35px;display:block}.dossier-services details p{font-size:12px}.dossier-services details button{margin-top:15px}.contactsheet-opening{grid-template-columns:1fr;padding:40px 7%;gap:25px}.contactsheet-opening .demo-desc{grid-column:1}.contactsheet-opening h1{font-size:41px!important}.contactsheet-grid .signature-tile:nth-child(2){padding-top:0}.contactsheet-grid img{height:370px!important}.contactsheet-grid>div{padding:20px 0}.contactsheet-grid>div h2{font-size:35px}.vinyl-opening{grid-template-columns:1fr;padding:45px 7%;gap:35px}.vinyl-record .hero-photo{height:100%!important;min-height:0!important}.vinyl-caption{position:static;font-size:7px;text-align:right}.vinyl-tracks .signature-row img{height:65px!important;width:65px!important}.signature-tile img{max-width:100%}}
@media(max-width:650px){.sector-dropdown{width:100%}.sector-dropdown select{width:100%;max-width:none}.search-wrap{max-width:none;width:100%}.gallery-tools{gap:15px}}
.layout-pop .product-grid article{background:color-mix(in srgb,var(--paper) 84%,var(--accent));color:var(--ink)}.layout-toy .product-grid article{background:color-mix(in srgb,var(--paper) 75%,var(--accent));color:var(--ink)}.layout-comic .comic-panels article:nth-child(2){background:color-mix(in srgb,var(--paper) 60%,var(--accent))}.layout-comic .comic-panels article:nth-child(3){background:var(--paper)}.layout-professional .method b{color:var(--ink);opacity:.55}.layout-night .demo-brand,.layout-collage .demo-nav .demo-brand{color:inherit}.layout-collage .demo-nav{background:var(--ink);color:var(--paper)}.layout-collage .demo-nav button{background:var(--accent);color:var(--ink)}.site-demo .visit-card,.site-demo .demo-faq details,.site-demo .demo-visit{border-color:color-mix(in srgb,var(--ink) 23%,transparent)}.site-demo .demo-story{background:color-mix(in srgb,var(--paper) 94%,var(--ink))}.site-demo .product-grid article button{border-color:color-mix(in srgb,var(--ink) 25%,transparent)}.air-opening>div>h2{font-size:clamp(25px,2.5cqw,38px);max-width:320px}.air-opening>div p{max-width:340px}
@container(max-width:650px){.air-opening>div>h2{font-size:28px;margin-bottom:20px}.signature-rail a:focus-visible{outline-color:var(--accent)}}
/* Body copy and brand typography belong to each concept, rather than the agency. */
.site-demo{font-family:var(--body,'DM Sans',sans-serif)}.site-demo p,.site-demo button,.site-demo input,.site-demo select,.site-demo textarea,.site-demo label,.site-demo summary,.site-demo legend,.site-demo dt,.site-demo dd{font-family:var(--body,'DM Sans',sans-serif)!important}.site-demo h1,.site-demo h2,.site-demo h3,.site-demo .demo-brand,.site-demo .signature-rail>a:first-child,.site-demo .demo-footer strong,.site-demo .fashion-wordmark{font-family:var(--display)!important}.site-demo nav{font-family:var(--body)!important}.site-demo[data-font=serif] h1,.site-demo[data-font=serif] h2{font-weight:400;letter-spacing:-.025em}.site-demo[data-font=mono] h1,.site-demo[data-font=mono] h2{font-weight:400;letter-spacing:-.045em}.site-demo[data-font=sans] h1,.site-demo[data-font=sans] h2{letter-spacing:-.04em}.site-demo h3{letter-spacing:-.025em}.gallery-card .card-wordmark{font-family:var(--card-font)!important}.layout-fashion .demo-brand,.layout-vault .demo-brand,.layout-botanical .demo-brand{font-weight:400;letter-spacing:.07em}.layout-street .demo-brand,.layout-sport .demo-brand,.layout-salon .demo-brand{font-weight:700;letter-spacing:.015em}.layout-comic .demo-kicker,.layout-toy .demo-kicker{font-weight:700;letter-spacing:.09em}
.pop-hero,.gelato-hero,.bowl-builder,.layout-bowl .demo-nav,.catalog-hero,.property-hero,.wellness-hero,.professional-services,.booking-panel,.retreat-opening,.retreat-note,.artisan-note{color:var(--accent-ink,var(--ink))}.layout-bowl .demo-nav .demo-brand{color:inherit}