:root{--green:#14382d;--cream:#f5f3ec;--ink:#24352d;--gold:#a58d64}
body{background:#f5f3ec;color:#26382f}
.topline{height:34px;background:#153b30;color:#e5e2d7;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;font-size:9px;letter-spacing:2.5px}
header{height:90px;background:#f5f3ec;position:sticky;top:0;z-index:30;border-bottom:1px solid #dfded4}
.brand{font-size:32px;letter-spacing:7px}
header nav a{font-size:12px;letter-spacing:.7px}
.hero{height:min(790px,86vh);min-height:570px;overflow:hidden}
.hero>img{filter:saturate(.82) contrast(1.05);object-position:center 52%}
.shade{background:linear-gradient(90deg,rgba(8,30,23,.82) 0%,rgba(8,30,23,.32) 63%,rgba(8,30,23,.18) 100%)}
.hero-copy{padding:clamp(75px,10vw,155px) 7%;max-width:960px}
.hero-copy h1{font-size:clamp(52px,7.3vw,112px);letter-spacing:-2.5px;line-height:1.01;max-width:850px}
.hero-copy .eyebrow{color:#e3d2b0;letter-spacing:4px}
.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:530px}
.hero .button{background:#eae5d8;padding:19px 28px;letter-spacing:1px}
.hero-bottom{display:none}
.hero-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px 7%;border-top:1px solid #ffffff55;color:#f5f3ec;font-size:10px;letter-spacing:2px}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0!important;padding:0 6%!important;background:#e9e7de}
.value-strip>div{display:flex;flex-direction:column;gap:9px;padding:40px 26px;border-right:1px solid #d3d0c4}
.value-strip>div:last-child{border-right:0}
.value-strip span{color:#a28c68;font-size:12px}
.value-strip strong{font-size:13px;letter-spacing:1.5px}
.value-strip small{font-size:12px;color:#777e74}
.intro{background:#f7f5ef}
.intro img{max-height:400px;object-fit:contain}
.editorial{background:#e8e6dd;padding-top:90px!important;padding-bottom:100px!important}
.editorial-head{max-width:900px;margin-bottom:40px}
.editorial h2{font-size:clamp(42px,5.5vw,80px);letter-spacing:-2px}
.editorial h2 em{font-weight:400;color:#788b79}
.editorial-head>p{max-width:570px}
.editorial-photos{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}
.editorial-photos figure{margin:0}
.editorial-photos img{width:100%;height:clamp(260px,35vw,520px);object-fit:cover;display:block}
.editorial-photos figcaption{padding-top:14px;font-size:11px;letter-spacing:2px}
#collection{background:#f5f3ec}
#collection .section-top h2{letter-spacing:-1.5px}
.filters button{border-radius:0;transition:background .2s}
.grid .card img{aspect-ratio:1.55;object-fit:cover}
.material-grid{gap:24px!important}
.material-card{background:#fbfaf5;border:1px solid #dedbd0;padding:20px!important}
.material-card .material-swatch,.material-card .wood-image{height:190px;overflow:hidden}
.material-card .wood-photo{width:100%;height:100%;object-fit:cover}
.button{transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
#contact{background:#eae8df}
footer{background:#153b30;color:#f4f0e5}
@media(max-width:720px){.topline span:nth-child(2){display:none}header{height:76px;padding:0 4%}.brand{font-size:25px}header nav{gap:10px}.hero{min-height:590px;height:76vh}.hero-copy{padding:115px 7% 70px}.hero-copy h1{font-size:clamp(43px,11vw,72px)}.hero-footer span:nth-child(2){display:none}.value-strip{grid-template-columns:1fr;padding:0 6%!important}.value-strip>div{padding:22px 0;border-right:0;border-bottom:1px solid #d3d0c4}.editorial-photos{grid-template-columns:1fr}.editorial-photos img{height:270px}.editorial h2{font-size:43px}.material-card{padding:12px!important}}

/* Product-led URLALI homepage */
.shop-hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#eae9e1}.shop-hero-copy{padding:clamp(55px,7vw,105px) 7% 60px 11%;display:flex;flex-direction:column;justify-content:center}.shop-hero-copy .eyebrow{font-size:11px;letter-spacing:2.2px;color:#9b835b}.shop-hero-copy h1{font-size:clamp(49px,5.6vw,87px);letter-spacing:-2.5px;line-height:1.04;margin:20px 0 26px;color:#183b30}.shop-hero-copy h1 em{font-weight:400;color:#809282}.shop-hero-copy>p:not(.eyebrow){max-width:580px;line-height:1.85;font-size:16px;color:#536158}.shop-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.shop-actions .button{font-size:11px;letter-spacing:1.1px;padding:17px 19px}.shop-actions .primary{background:#173d31;color:#fff}.shop-actions .outline{border:1px solid #173d31;background:transparent;color:#173d31}.shop-hero-caption{margin-top:60px;font-size:10px;letter-spacing:1.2px;color:#607367}.shop-hero-caption span{padding:0 10px;color:#aa9169}.shop-hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:12px 12px 12px 0;min-height:620px}.shop-hero-mosaic img{width:100%;height:100%;object-fit:cover;min-height:0}.shop-hero-mosaic img:first-child{grid-row:1/3}.shop-categories{padding:100px 7%!important;background:#f7f5ee}.shop-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.shop-section-heading h2{font-size:clamp(40px,4.5vw,70px);letter-spacing:-1.8px;color:#193d31}.shop-section-heading h2 em{font-weight:400;color:#8b9a89}.shop-section-heading>p{max-width:360px;line-height:1.8;color:#647166}.shop-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shop-category{background:#e6e6dd;display:block;text-decoration:none;color:#203a2e}.shop-category img{width:100%;height:260px;object-fit:cover;display:block}.shop-category span{display:block;padding:22px 16px;font-size:12px;letter-spacing:1px;font-weight:700}.shop-catalog-link{text-align:right;margin-top:26px}.shop-catalog-link a{color:#173d31;font-size:12px;letter-spacing:1px;font-weight:700}@media(max-width:850px){.shop-hero{grid-template-columns:1fr}.shop-hero-copy{padding:75px 7% 40px}.shop-hero-mosaic{padding:0 7% 20px;min-height:350px;height:350px}.shop-hero-caption{margin-top:35px}.shop-section-heading{display:block}.shop-category-grid{grid-template-columns:repeat(2,1fr)}.shop-category img{height:220px}}@media(max-width:520px){.shop-category-grid{gap:10px}.shop-category img{height:155px}.shop-category span{font-size:10px;padding:14px 10px}.shop-hero-copy h1{font-size:48px}.shop-categories{padding:65px 5%!important}}

/* 2026-10-20: ürün odaklı ana vitrin */
.shop-hero{grid-template-columns:42% 58%!important;min-height:620px}.shop-hero-mosaic{display:block!important;padding:0!important;min-height:620px;overflow:hidden}.shop-hero-mosaic img.living-showroom{display:block;width:100%;height:100%;min-height:620px;object-fit:cover;object-position:48% center}.shop-hero-copy{position:relative;z-index:1}.shop-hero-copy h1{font-size:clamp(44px,4.7vw,78px)}@media(max-width:850px){.shop-hero{grid-template-columns:1fr!important}.shop-hero-mosaic{min-height:290px;height:350px!important;padding:0!important}.shop-hero-mosaic img.living-showroom{min-height:290px;height:350px}}

/* Kategori seçimi ve örnek ürünler artık Explore Our Products alanında */
#urlali-products #materials{padding:22px 0 0!important;background:transparent!important;max-width:none!important}
#urlali-products #materials>.eyebrow,#urlali-products #materials>h2{display:none!important}
#urlali-products #materials>.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
#urlali-products #materials>.filters button{font-size:13px;padding:13px 18px;min-height:46px;border:1px solid #c8cbbf;background:transparent;color:#153b30;cursor:pointer}
#urlali-products #materials>.filters button.active{background:#153b30;color:#fff;border-color:#153b30}
#urlali-products #materials>.material-grid{margin-top:18px}
#urlali-products #materials>.quote-list{margin-top:45px}
#urlali-products #materials>.design-panel{margin-top:65px;background:#e8e7de}
#urlali-products{scroll-margin-top:110px}
@media(max-width:700px){#urlali-products #materials>.filters{gap:7px}#urlali-products #materials>.filters button{font-size:12px;padding:11px 12px}}

/* Product subcategory navigation */
#materials .subheading{margin:28px 0 12px;font-family:inherit;font-size:19px;letter-spacing:.02em;color:#183d32}
#materials .subcategory-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
#materials .subcategory-nav button{border:1px solid #bfc7bc;background:#f9f8f3;color:#204439;padding:12px 17px;cursor:pointer;font:inherit;font-size:13px;transition:background .2s,color .2s}
#materials .subcategory-nav button.active,#materials .subcategory-nav button:hover{background:#173f33;color:white}
#materials .material-grid{scroll-margin-top:120px}
@media(max-width:650px){#materials .subcategory-nav{gap:7px}#materials .subcategory-nav button{font-size:12px;padding:10px 12px}}

.subcategory-showcases{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0 32px}
.subcategory-showcase{border:1px solid #ded9cb;background:#faf9f4;overflow:hidden}
.subcategory-showcase img{width:100%;height:165px;object-fit:cover;display:block}
.subcategory-showcase-text{padding:20px}
.subcategory-showcase h4{font-size:20px;margin:0 0 10px;color:#173e32}
.subcategory-showcase p{font-size:14px;line-height:1.65;color:#657067;margin:0}
@media(max-width:650px){.subcategory-showcases{grid-template-columns:1fr 1fr;gap:10px}.subcategory-showcase-text{padding:12px}.subcategory-showcase h4{font-size:16px}.subcategory-showcase img{height:115px}}

/* Keep one product presentation per item; avoid redundant subcategory photo tiles. */
.subcategory-showcases{display:none!important}

.urlali-no-photo{display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(145deg,#ece9e1,#dedcd3)!important;min-height:165px;text-align:center}.urlali-no-photo span{font-size:16px;line-height:1.4;font-weight:600;color:#53665c;max-width:220px}

.product-image-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.product-image-button .wood-photo{width:100%;height:100%;object-fit:cover}.product-photo-full{display:block;width:100%;max-height:80vh;object-fit:contain}#product-photo-dialog{padding:20px;width:min(1400px,94vw);max-width:94vw}#product-photo-dialog h2{font-size:20px;margin:16px 0 0}.product-image-button:focus-visible{outline:3px solid #53665c;outline-offset:-4px}

/* URLALI homepage: mountain home and warm architectural wall texture. */
:root{--urlali-wall-texture:url("assets/urlali-ivory-wall-panels.webp")}
body{background-color:#f3efe5;background-image:linear-gradient(rgba(249,247,240,.76),rgba(249,247,240,.76)),var(--urlali-wall-texture);background-size:auto,1254px auto;background-repeat:repeat}
.shop-hero,.shop-categories,.intro,.editorial,#collection,#contact,.value-strip{background-color:#f3efe5;background-image:linear-gradient(rgba(249,247,240,.76),rgba(249,247,240,.76)),var(--urlali-wall-texture);background-size:auto,1254px auto;background-repeat:repeat}
.shop-hero{background-image:linear-gradient(rgba(249,247,240,.62),rgba(249,247,240,.62)),var(--urlali-wall-texture)}
.shop-hero-copy{background:linear-gradient(90deg,rgba(249,247,240,.2),rgba(249,247,240,.42))}
.shop-hero-mosaic{display:flex!important;align-items:center;justify-content:center;min-height:620px;padding:32px 32px 32px 0!important;overflow:hidden;background:transparent}
.shop-hero-mosaic img.living-showroom{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover;object-position:center;box-shadow:0 18px 45px rgba(36,45,34,.13)}
.material-card,.quote-list{background-color:rgba(255,253,247,.97)}
@media(max-width:850px){.shop-hero-mosaic{height:auto!important;min-height:0;padding:0 6% 32px!important}.shop-hero-mosaic img.living-showroom{height:auto;min-height:0;aspect-ratio:16/10}.shop-hero-copy{background:rgba(249,247,240,.28)}}
@media(max-width:520px){body,.shop-hero,.shop-categories,.intro,.editorial,#collection,#contact,.value-strip{background-size:auto,900px auto}.shop-hero-mosaic{padding:0 5% 24px!important}}

/* Close architectural material view. */
.shop-hero-mosaic img.living-showroom{aspect-ratio:4/3;max-height:760px;object-position:center}
@media(max-width:850px){.shop-hero-mosaic img.living-showroom{aspect-ratio:4/3;max-height:none}}

/* Approved homepage photograph: preserve complete house composition. */
.shop-hero-mosaic img.living-showroom{aspect-ratio:3/2;max-height:760px;object-fit:contain;object-position:center}
@media(max-width:850px){.shop-hero-mosaic img.living-showroom{aspect-ratio:3/2;max-height:none}}

/* Corporate identity: four fields of activity. */
header .brand{flex:0 1 420px;min-width:0}
.brand span{max-width:410px;white-space:normal;font-size:8px;letter-spacing:.65px;line-height:1.6}
.topline [data-ui="topline"]{max-width:76%;white-space:normal;line-height:1.4;letter-spacing:1.1px;text-align:center}
#services.value-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
#services.value-strip>div{min-width:0;padding:34px 22px}
#services strong{line-height:1.5;letter-spacing:1px;overflow-wrap:anywhere}
#services small{line-height:1.7;color:#526458}
.corporate-signature{padding:65px 35px;border:1px solid #c5c7b9;text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px}
.corporate-signature>strong{font:400 clamp(40px,5vw,78px)/1 Georgia,serif;letter-spacing:.14em;color:#173d31}
.corporate-signature>span{max-width:380px;font-size:11px;line-height:2;letter-spacing:1.6px;color:#385447}
footer{flex-wrap:wrap;gap:20px}footer [data-ui="brandTag"]{max-width:100%;font-size:10px;line-height:1.8;letter-spacing:.8px}
@media(max-width:1000px){header{gap:14px}header nav{gap:15px}header nav a{font-size:11px}}
@media(max-width:850px){#services.value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#services.value-strip>div:nth-child(2){border-right:0}}
@media(max-width:720px){header .brand{flex-basis:36%;max-width:40vw}.brand span{font-size:6px;letter-spacing:.15px;line-height:1.5}header nav{gap:9px}header nav a{font-size:10px;letter-spacing:0}header select{font-size:12px;max-width:80px}.topline [data-ui="topline"]{font-size:7px;letter-spacing:.4px}.corporate-signature{padding:45px 22px}}
@media(max-width:520px){#services.value-strip{grid-template-columns:1fr}#services.value-strip>div{border-right:0;padding:25px 8px}.corporate-signature>span{font-size:9px}.shop-hero-copy h1{font-size:clamp(36px,10vw,48px)}header{gap:8px}header nav{flex-wrap:wrap;gap:2px 9px;justify-content:center;max-width:35%}}

/* Marble and stone surfaces behind text: cards, enquiry panels and corporate copy. */
:root{--urlali-marble-texture:url("assets/urlali-ivory-marble-text.webp");--urlali-stone-texture:url("assets/urlali-ivory-wall-panels.webp")}
.material-card,.quote-list,.corporate-signature,.dialog-copy,.subcategory-showcase-text{background-color:#f8f5ed;background-image:linear-gradient(rgba(255,253,247,.32),rgba(255,253,247,.32)),var(--urlali-marble-texture);background-size:auto,cover;background-position:center;background-repeat:no-repeat}
.material-card:nth-child(even){background-image:linear-gradient(rgba(255,253,247,.62),rgba(255,253,247,.62)),var(--urlali-stone-texture);background-size:auto,760px auto;background-repeat:repeat}
#urlali-products #materials>.design-panel,.design-panel{background-color:#f3efe5;background-image:linear-gradient(rgba(252,249,241,.45),rgba(252,249,241,.45)),var(--urlali-stone-texture);background-size:auto,1100px auto;background-position:center}
.shop-hero-copy,.editorial-head{background-color:transparent;background-image:linear-gradient(rgba(252,250,244,.3),rgba(252,250,244,.3)),var(--urlali-marble-texture);background-size:auto,cover;background-position:center}
.editorial-head{padding:clamp(22px,3vw,40px);border:1px solid #dad7ca}
#approach>div:first-child{padding:clamp(22px,3vw,38px);background-color:#f8f5ed;background-image:linear-gradient(rgba(255,253,247,.35),rgba(255,253,247,.35)),var(--urlali-marble-texture);background-size:auto,cover;background-position:center;border:1px solid #d8d4c7}
#services>div{background-image:linear-gradient(rgba(255,253,247,.5),rgba(255,253,247,.5)),var(--urlali-marble-texture);background-size:auto,cover;background-position:center}
#services>div:nth-child(even){background-image:linear-gradient(rgba(255,253,247,.58),rgba(255,253,247,.58)),var(--urlali-stone-texture)}
header{background-color:#f8f5ed;background-image:linear-gradient(rgba(255,253,247,.62),rgba(255,253,247,.62)),var(--urlali-marble-texture);background-size:auto,cover;background-position:center}
.topline,footer{background-color:#153b30;background-image:linear-gradient(rgba(15,51,40,.94),rgba(15,51,40,.94)),var(--urlali-stone-texture);background-size:auto,1254px auto;color:#f4f0e5}
#contact form{padding:clamp(18px,3vw,32px);background-color:#f8f5ed;background-image:linear-gradient(rgba(255,253,247,.35),rgba(255,253,247,.35)),var(--urlali-marble-texture);background-size:auto,cover;background-position:center;border:1px solid #d8d4c7}
#contact input,#contact textarea,#contact select{background-color:#fffdf7;background-image:linear-gradient(rgba(255,253,247,.86),rgba(255,253,247,.86)),var(--urlali-marble-texture);background-size:auto,600px auto;color:#203b30}
#contact>.contact-copy{background-image:linear-gradient(rgba(255,253,247,.4),rgba(255,253,247,.4)),var(--urlali-stone-texture);background-size:auto,cover;padding:30px}
.material-card p,.quote-list p,.design-panel p{color:#263e32}
@media(max-width:520px){.editorial-head{padding:22px}#contact form{padding:18px}.quote-list{padding:20px}#approach>div:first-child{padding:22px}}

.statement>div{background-color:#153b30;background-image:linear-gradient(rgba(15,51,40,.94),rgba(15,51,40,.94)),var(--urlali-stone-texture);background-size:auto,cover;color:#f4f0e5}
#urlali-products #materials>.filters button:not(.active),#materials .subcategory-nav button:not(.active){background-image:linear-gradient(rgba(255,253,247,.65),rgba(255,253,247,.65)),var(--urlali-marble-texture);background-size:auto,cover}

#materials .subcategory-nav button:hover,#materials .subcategory-nav button:focus-visible{background-color:#173f33;background-image:none;color:#fff}

/* Quiet mineral surfaces: photographs remain the focal point. */
:root{--surface-limestone:url("assets/urlali-limestone.webp");--surface-cement:url("assets/urlali-microcement.webp");--surface-plaster:url("assets/urlali-limewash.webp");--surface-pearl:url("assets/urlali-pearl-marble.webp")}
body,.shop-hero,.shop-categories,.intro,.editorial,#collection,#contact,.value-strip{background-color:#f6f3ed;background-image:linear-gradient(#faf8f3b8,#faf8f3b8),var(--surface-plaster);background-size:auto,1100px auto}
.shop-hero-copy{background-image:linear-gradient(#fffdf6b8,#fffdf6b8),var(--surface-pearl)}
#urlali-products{background-image:linear-gradient(#faf8f3d9,#faf8f3d9),var(--surface-cement)}
#collection{background-image:linear-gradient(#faf8f3c9,#faf8f3c9),var(--surface-limestone)}
.editorial-head,#approach>div:first-child{background-image:linear-gradient(#fffdf7b8,#fffdf7b8),var(--surface-plaster)}
#services>div:nth-child(4n+1),.material-card:nth-child(6n+1){background-image:linear-gradient(#fffdf7c9,#fffdf7c9),var(--urlali-marble-texture)}
#services>div:nth-child(4n+2),.material-card:nth-child(6n+2){background-image:linear-gradient(#fffdf7d9,#fffdf7d9),var(--surface-limestone)}
#services>div:nth-child(4n+3),.material-card:nth-child(6n+3){background-image:linear-gradient(#fffdf7cf,#fffdf7cf),var(--surface-cement)}
#services>div:nth-child(4n+4),.material-card:nth-child(6n+4){background-image:linear-gradient(#fffdf7c9,#fffdf7c9),var(--surface-pearl)}
.material-card:nth-child(6n+5),#contact form{background-image:linear-gradient(#fffdf7cf,#fffdf7cf),var(--surface-plaster)}
.material-card:nth-child(6n+6),#contact>.contact-copy{background-image:linear-gradient(#fffdf7df,#fffdf7df),var(--urlali-stone-texture)}
.material-card,.value-strip>div{background-size:auto,900px auto;transition:box-shadow .35s ease,translate .35s ease}
/* Only images move; captions and controls retain their layout. */
.urlali-photo-frame{display:block;overflow:hidden;position:relative;isolation:isolate}
.card .urlali-photo-frame img{display:block}
.urlali-photo{--photo-zoom:1.04;transform-origin:center;animation:urlali-breathe 14s ease-in-out infinite alternate;animation-play-state:paused;transition:scale .7s ease}
.living-showroom.urlali-photo{--photo-zoom:1.025;animation-duration:18s}
.urlali-photo.is-in-view{animation-play-state:running}
html.urlali-page-hidden .urlali-photo{animation-play-state:paused}
@keyframes urlali-breathe{from{transform:scale(1)}to{transform:scale(var(--photo-zoom))}}
@media(hover:hover) and (pointer:fine){.material-card:hover,.value-strip>div:hover{translate:0 -3px;box-shadow:0 14px 32px #18382b12}.product-image-button:hover .urlali-photo,.card:hover .urlali-photo,.editorial-photos figure:hover .urlali-photo{scale:1.045}}
.product-image-button:focus-visible .urlali-photo,.card:focus-visible .urlali-photo{scale:1.025}
@media(max-width:750px){.urlali-photo{--photo-zoom:1.025;animation-duration:18s}}
@media(prefers-reduced-motion:reduce){.urlali-photo{animation:none!important;transform:none!important;scale:1!important}.material-card,.value-strip>div{translate:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.statement>.urlali-photo-frame{padding:0;align-self:stretch}.statement>.urlali-photo-frame>img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover}@media(max-width:750px){.statement>.urlali-photo-frame>img{min-height:300px;max-height:450px}}

/* Two outward-aligned category rails, ordered by translated title length. */
#urlali-products{padding-left:3%!important;padding-right:3%!important}
#urlali-products #materials{display:grid;grid-template-columns:minmax(155px,210px) minmax(0,1fr) minmax(155px,210px);column-gap:28px;align-items:start}
#urlali-products #materials>.category-rails{display:contents;margin:0}
#materials .category-rail{display:flex;flex-direction:column;gap:10px;position:sticky;top:125px;min-width:0;grid-row:1/span 4}
#materials .category-rail-left{grid-column:1;align-items:flex-start}
#materials .category-rail-right{grid-column:3;align-items:flex-end}
#urlali-products #materials>.category-rails .category-rail button{width:var(--category-width);max-width:100%;min-height:48px;padding:13px 12px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;border:1px solid #c8cbbf;color:#153b30;cursor:pointer;text-align:left;transition:width .4s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease}
#urlali-products #materials>.category-rails .category-rail-right button{text-align:right}
#urlali-products #materials>.category-rails button.active{background:#153b30;background-image:none;color:#fff;border-color:#153b30}
#urlali-products #materials>.category-rails button:focus-visible{width:100%;background:#153b30;background-image:none;color:#fff;box-shadow:0 8px 20px #18382b18}
#materials>.subheading{grid-column:2;grid-row:1;margin-top:0}
#materials>.subcategory-nav{grid-column:2;grid-row:2}
#urlali-products #materials>.material-grid{grid-column:2;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
#urlali-products #materials>.quote-list{grid-column:2;grid-row:4;width:100%;min-width:0}
#urlali-products #materials>.design-panel{grid-column:1/-1;grid-row:5}
@media(hover:hover) and (pointer:fine){#urlali-products #materials>.category-rails button:hover{width:100%;background:#153b30;background-image:none;color:#fff;box-shadow:0 8px 20px #18382b18}}
@media(min-width:901px) and (max-width:1150px){#urlali-products #materials{grid-template-columns:155px minmax(0,1fr) 155px;column-gap:18px}#urlali-products #materials>.material-grid{grid-template-columns:1fr}}
@media(max-width:900px){#urlali-products{padding-left:5%!important;padding-right:5%!important}#urlali-products #materials{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:0}#materials .category-rail{position:static;grid-row:1;margin-bottom:32px}#materials .category-rail-left{grid-column:1}#materials .category-rail-right{grid-column:2}#materials>.subheading{grid-column:1/-1;grid-row:2}#materials>.subcategory-nav{grid-column:1/-1;grid-row:3}#urlali-products #materials>.material-grid{grid-column:1/-1;grid-row:4}#urlali-products #materials>.quote-list{grid-column:1/-1;grid-row:5}#urlali-products #materials>.design-panel{grid-column:1/-1;grid-row:6}}
@media(max-width:520px){#urlali-products #materials>.category-rails .category-rail button{font-size:11px;padding:10px 8px;min-height:48px;width:100%}#urlali-products #materials>.material-grid{grid-template-columns:1fr}#materials .category-rail{gap:8px}}
@media(prefers-reduced-motion:reduce){#urlali-products #materials>.category-rails .category-rail button{transition:none}}

/* Equal viewport triangles share the top-left to bottom-right diagonal. */
body{position:relative;isolation:isolate;background:#f4f1e9;background-image:none}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-position:center;background-repeat:repeat;background-size:auto,1050px auto}
body::before{clip-path:polygon(0 0,100% 100%,0 100%);background-image:linear-gradient(#f7f3e84d,#f7f3e84d),url("assets/urlali-background-left-wall.webp")}
body::after{clip-path:polygon(0 0,100% 0,100% 100%);background-image:linear-gradient(#fffdf626,#fffdf626),url("assets/urlali-background-right-marble.webp")}
.shop-hero,.shop-categories,.intro,.editorial,#collection,#contact,.value-strip{background:transparent!important}
.shop-hero-copy,.editorial-head,#approach>div:first-child,.corporate-signature,#services>div,#contact>.contact-copy,#contact form,.material-card,.quote-list,.dialog-copy,.subcategory-showcase-text,#urlali-products #materials>.design-panel{background-color:rgba(255,253,247,.78)!important;background-image:none!important}
header{background-color:rgba(250,248,241,.94);background-image:none}
#urlali-products #materials>.category-rails button:not(.active),#materials .subcategory-nav button:not(.active){background-color:rgba(255,253,247,.88);background-image:none}
#contact input,#contact textarea,#contact select{background-color:rgba(255,253,247,.65);background-image:none}
.topline,footer,.statement>div{background-image:none}
@media(max-width:750px){body::before,body::after{background-size:auto,750px auto}}

#urlali-products #materials>.category-rails button:focus-visible,#materials .subcategory-nav button:focus-visible{background:#153b30;color:#fff}@media(hover:hover) and (pointer:fine){#urlali-products #materials>.category-rails button:not(.active):hover,#materials .subcategory-nav button:not(.active):hover{background:#153b30;color:#fff}}

/* Keep category rails within the catalogue and clear of enquiry actions. */
#materials .category-rail{max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px 5px 8px}
#urlali-products #materials>.quote-list,#urlali-products #materials>.design-panel{position:relative;z-index:1;grid-column:2;min-width:0;overflow-wrap:anywhere}
#urlali-products #materials>.quote-list>.button,#urlali-products #materials>.design-panel>.button{max-width:100%;white-space:normal;position:relative;pointer-events:auto}
@media(max-width:900px){#materials .category-rail{max-height:none;overflow:visible;padding:0}#urlali-products #materials>.quote-list,#urlali-products #materials>.design-panel{grid-column:1/-1}}

/* Custom inverted-V A applies only to the visible URLALI wordmark. */
.urlali-wordmark{display:inline;white-space:nowrap;font:inherit;letter-spacing:inherit;color:inherit}
.urlali-wordmark-ink{font:inherit;letter-spacing:inherit}
.urlali-letter-a{display:inline-block;width:.66em;height:.75em;vertical-align:baseline;margin:0 .12em 0 .015em;letter-spacing:0;line-height:0}
.urlali-letter-a>svg{display:block;width:100%;height:100%;overflow:visible}
header .brand .urlali-wordmark,header .brand .urlali-wordmark-ink,.topline .urlali-wordmark,.topline .urlali-wordmark-ink{display:inline;font:inherit;letter-spacing:inherit;margin:0;max-width:none;color:inherit}
header .brand .urlali-letter-a{display:inline-block;font:inherit;width:.66em;height:.75em;line-height:0;letter-spacing:0;margin:0 .12em 0 .015em;max-width:none;vertical-align:baseline;color:inherit}

.seo-sections{padding:60px 5%;color:#183b30;background:transparent}.seo-sections h2{font-size:clamp(28px,3vw,44px)}.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-grid>a{display:block;padding:26px;background:#fffdf7c9;border:1px solid #c8cbbf}.seo-grid strong{display:block;font-size:18px}.seo-grid span:not(.urlali-wordmark):not(.urlali-wordmark-ink):not(.urlali-letter-a){display:block;margin-top:12px;font-size:14px;line-height:1.8}@media(max-width:650px){.seo-grid{grid-template-columns:1fr}}

/* All six letters share one font, cap height, baseline and matching weight. */
@font-face{font-family:"URLALI Brand";src:url("/assets/urlali-brand-regular.woff") format("woff");font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:"URLALI Brand";src:url("/assets/urlali-brand-bold.woff") format("woff");font-style:normal;font-weight:501 900;font-display:swap}
.urlali-wordmark,header .brand .urlali-wordmark,.topline .urlali-wordmark{display:inline;white-space:nowrap;font-family:"URLALI Brand",Georgia,serif;font-size:inherit;font-weight:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit;color:inherit;vertical-align:baseline;margin:0;max-width:none}

.direct-form-status:empty{display:none}.direct-form-status[data-state="error"]{color:#9a2929}.direct-form-status[data-state="success"]{color:#17653c}#contact button:disabled{opacity:.65;cursor:wait}#contact [hidden]{display:none!important}
/* Integrated villa studio entry */
.villa-nav-link{color:var(--gold,#a68455);font-weight:600}.villa-home-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:80px 6%;background:#e9eadf;color:#243c2c}.villa-home-feature h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;font-weight:400;max-width:550px}.villa-feature-copy{font-size:14px;line-height:1.9;color:#7c8b6a;max-width:460px}.villa-home-feature .button{display:inline-block;background:#173f30;color:white;padding:16px 22px;margin-top:15px;font-size:12px}.villa-feature-image{position:relative;display:block;height:330px;overflow:hidden}.villa-feature-image img{width:100%;height:100%;object-fit:cover}.villa-feature-image>span{position:absolute;bottom:0;left:0;right:0;padding:18px;background:#173b2de8;color:#eee7d6;font-size:9px;letter-spacing:1.2px}@media(max-width:760px){.villa-home-feature{grid-template-columns:1fr;gap:30px;padding:50px 6%}.villa-feature-image{height:250px}}

/* Project elevation selector */
.project-view-controls{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.project-view-controls[hidden],.project-detail-description[hidden]{display:none}.project-view-controls button{padding:11px 18px;border:1px solid #173f32;background:transparent;color:#173f32;font:inherit;cursor:pointer}.project-view-controls button[aria-pressed="true"]{background:#173f32;color:#fff}.project-detail-description{max-width:70ch;line-height:1.65;margin:12px 0 20px}

/* Home category navigation; catalogue uses the full content width. */
.home-categories{padding:58px 7%;background:#f5f2ea;border-block:1px solid #d7dbcf;scroll-margin-top:115px}
.home-categories>.eyebrow{margin:0 0 12px;color:#a78759;font-size:10px;letter-spacing:2px;font-weight:600}
.home-categories h2{font:400 clamp(30px,3.6vw,52px)/1.12 Georgia,serif;color:#203c30;margin:0 0 14px;letter-spacing:-.6px}
.home-category-intro{max-width:740px;margin:0 0 28px;line-height:1.7;color:#6e7c70}
.home-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.home-category-grid button{width:100%;min-height:65px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;font:500 14px/1.4 Arial,sans-serif;color:#173f32;background:rgba(255,253,247,.9);border:1px solid #cbd0c3;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.home-category-grid button::after{content:'↗';margin-left:12px;color:#a78759;font-size:16px;flex-shrink:0}
.home-category-grid button:hover,.home-category-grid button.active{background:#173f32;color:#fff;border-color:#173f32}
.home-category-grid button.active::after,.home-category-grid button:hover::after{color:#e7d4aa}
.home-category-grid button:focus-visible{outline:3px solid #a78759;outline-offset:3px}
#urlali-products #materials{display:block!important;scroll-margin-top:120px}
#urlali-products #materials>.material-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
#urlali-products #materials>.subheading{margin-top:0}
#urlali-products #materials>.quote-list,#urlali-products #materials>.design-panel{width:100%;grid-column:auto}
@media(max-width:1100px){.home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-categories{padding:42px 5%}}
@media(max-width:850px){.home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#urlali-products #materials>.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.home-categories{padding:32px 5%}.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-category-grid button{font-size:12px;min-height:60px;padding:12px}.home-category-intro{font-size:13px}#urlali-products #materials>.material-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.home-category-grid button{transition:none}}

.catalog-category-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 25px}.catalog-category-bar h2{font:400 clamp(28px,3vw,42px)/1.15 Georgia,serif;margin:0;color:#173f32}.catalog-category-bar a{color:#173f32;text-decoration:underline;text-underline-offset:4px;font-size:13px;white-space:nowrap}