@font-face{font-family:Jost;src:url('assets/Jost-wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#242321;--cream:#f4f0e8;--paper:#faf9f6;--line:#d8d4cb;--muted:#76736d;--header:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Jost,Arial,sans-serif;font-weight:350}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b49162;outline-offset:3px}body.drawer-open{overflow:hidden}
.preview-bar{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;background:#22211f;color:#dedbd5;font-size:10px;letter-spacing:.18em;text-align:center}.preview-bar span{opacity:.5}
.site-header{height:var(--header);position:absolute;top:30px;left:0;right:0;z-index:20;display:flex;align-items:center;padding:0 clamp(22px,4.2vw,72px);gap:32px;color:#fff;transition:background .25s,color .25s,box-shadow .25s}.site-header.solid{position:sticky;top:0;background:#faf9f6;color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.08)}.site-header .brand{width:180px;flex:none}.brand img{width:100%;height:auto}.brand-dark{display:none}.site-header.solid .brand-dark{display:block}.site-header.solid .brand-light{display:none}.desktop-nav{display:flex;gap:clamp(16px,2vw,35px);align-items:center;white-space:nowrap;font-size:14px;letter-spacing:.02em}.desktop-nav a,.consult-link{transition:opacity .2s}.desktop-nav a:hover,.consult-link:hover{opacity:.65}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.consult-link{background:none;color:inherit;border:1px solid currentColor;padding:11px 16px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;white-space:nowrap}.icon-button{width:33px;height:33px;padding:5px;display:grid;place-items:center;background:none;color:inherit;border:0;position:relative}.icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cart-trigger span{position:absolute;top:-6px;right:-8px;font-size:10px}.mobile-menu-trigger{display:none}
.hero{position:relative;min-height:min(790px,calc(100vh - 30px));height:calc(100svh - 30px);color:#fff;background:#4a433c url('assets/hero.jpg') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.24) 0%,transparent 40%,rgba(0,0,0,.62) 100%)}.hero-content{position:absolute;z-index:1;left:clamp(22px,5vw,78px);right:clamp(22px,5vw,78px);bottom:clamp(50px,8vh,112px)}.hero-eyebrow{display:inline-block;background:rgba(24,23,21,.62);padding:5px 9px;font-size:13px;letter-spacing:.02em}.hero h1{max-width:960px;font-weight:320;font-size:clamp(32px,4.4vw,64px);letter-spacing:-.025em;line-height:1.08;margin:18px 0 17px}.hero-sub{font-size:12px;letter-spacing:.26em;text-transform:uppercase;margin-bottom:24px}.text-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.text-link:after{content:"→";font-size:19px;letter-spacing:0;line-height:0}.hero-controls{position:absolute;z-index:2;bottom:52px;right:5vw;display:flex;gap:18px}.hero-controls button{color:#fff;border:0;background:none;font-size:30px;font-weight:200}
.section{padding:100px clamp(22px,4.5vw,72px)}.section-heading{text-align:center;margin:0 0 45px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}.section-heading h2,.section-title{font-size:clamp(34px,4vw,59px);font-weight:310;line-height:1.08;letter-spacing:-.035em;margin:8px 0 0}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card{position:relative;min-height:520px;overflow:hidden;color:#fff;background:#c6c2bb}.category-card img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.category-card:hover img{transform:scale(1.035)}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.56))}.category-copy{position:absolute;z-index:1;bottom:28px;left:28px;right:25px}.category-copy small{font-size:10px;letter-spacing:.23em;text-transform:uppercase}.category-copy h3{font-weight:370;font-size:clamp(25px,2.5vw,40px);margin:9px 0}.category-copy span{font-size:12px;letter-spacing:.1em;border-bottom:1px solid #fff;padding-bottom:5px;text-transform:uppercase}
.consult-band{background:#e8e4dc;text-align:center;padding:66px 24px}.consult-band h2{font-size:clamp(29px,3.5vw,48px);font-weight:340;margin:0 0 7px}.consult-band p{margin:0 0 26px;color:#67635d}.button-dark{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:15px 25px;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.button-dark:hover{background:#48443e}.button-outline{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:14px 24px;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.button-outline:hover{background:var(--ink);color:#fff}
.inspiration{padding-top:105px;padding-bottom:100px}.inspiration-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.inspiration-head h2{margin:0}.arrow-row{display:flex;gap:10px}.arrow-row button{border:1px solid var(--line);background:transparent;width:43px;height:43px;font-size:23px;font-weight:200}.product-row{display:grid;grid-auto-flow:column;grid-auto-columns:24%;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.product-row::-webkit-scrollbar{display:none}.product-card{min-width:0;scroll-snap-align:start}.product-image-wrap{display:block;position:relative;background:#e8e6e1;aspect-ratio:4/5;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover .product-image-wrap img{transform:scale(1.035)}.product-image-wrap .badge{position:absolute;top:14px;left:14px;background:#f6f4ef;padding:6px 9px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.product-meta{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:13px 1px}.product-meta h3{font-weight:390;font-size:16px;margin:0 0 4px}.product-meta p{color:var(--muted);font-size:12px;margin:0}.product-meta strong{font-size:13px;font-weight:450;white-space:nowrap}
.comparison-section{background:#eae7e1}.comparison-section .section-heading p{margin:16px 0 0;color:#6d6962;font-size:14px}.comparison{position:relative;width:100%;max-width:1180px;margin:auto;aspect-ratio:1200/670;overflow:hidden;background:#bab7b0}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-after{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-label{position:absolute;z-index:2;top:20px;background:rgba(26,25,23,.72);color:#fff;padding:7px 10px;font-size:10px;letter-spacing:.17em}.before-label{right:20px}.after-label{left:20px}.comparison-handle{position:absolute;z-index:2;left:var(--split);top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0003;font-size:20px;pointer-events:none}.comparison:after{content:"";position:absolute;z-index:1;left:var(--split);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.comparison input{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.editorial{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;background:#d7d1c7}.editorial-photo{position:relative;overflow:hidden}.editorial-photo img{width:100%;height:100%;object-fit:cover}.editorial-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,6vw,95px)}.editorial-copy h2{font-size:clamp(34px,4vw,58px);font-weight:320;line-height:1.1;letter-spacing:-.03em;margin:12px 0 22px}.editorial-copy p{font-size:17px;line-height:1.65;max-width:500px;color:#5d5953;margin:0 0 30px}
.catalog-highlight{background:#f2f0eb}.catalog-highlight .section-heading{display:flex;justify-content:space-between;align-items:end;text-align:left}.catalog-highlight .section-heading h2{max-width:640px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 17px}.catalog-grid .product-image-wrap{aspect-ratio:4/4.7}.center-action{text-align:center;margin-top:40px}
.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feed-card{position:relative;aspect-ratio:4/5;overflow:hidden;background:#e6e2db}.feed-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.feed-card:hover img{transform:scale(1.04)}.feed-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.feed-card span{position:absolute;z-index:1;bottom:22px;left:20px;right:20px;color:#fff;font-size:16px;display:flex;justify-content:space-between;gap:10px}.feed-card b{font-weight:400}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#262520;color:#f4f0e8}.story-copy{padding:clamp(45px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-weight:320;letter-spacing:-.03em;font-size:clamp(32px,3.5vw,52px);line-height:1.15;margin:12px 0 20px}.story-copy p{font-size:16px;line-height:1.65;color:#c9c4ba;max-width:520px}.story-image img{width:100%;height:100%;object-fit:cover}.story .text-link{align-self:start;margin-top:22px}
.footer{background:#242321;color:#f4f0e8;padding:73px clamp(22px,4.5vw,72px) 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.55fr;gap:40px}.footer-brand img{width:250px}.footer-brand p{max-width:270px;font-size:14px;color:#b5afa4;line-height:1.6;margin:20px 0}.footer-column{display:flex;flex-direction:column;gap:11px;font-size:14px}.footer-column h3{font-size:11px;font-weight:550;letter-spacing:.18em;margin:0 0 15px}.footer-column a,.footer-column button{color:#c4beb3;font-size:14px;background:none;border:0;padding:0;text-align:left}.footer-column a:hover,.footer-column button:hover{text-decoration:underline}.footer-note p{color:#a7a094;line-height:1.65;margin:0;font-size:13px}.footer-bottom{border-top:1px solid #4b4842;margin-top:75px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#a7a094;font-size:12px}
.page-banner{padding:80px clamp(22px,4.5vw,72px) 55px;background:#eae6dd}.crumb{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#79746b;margin-bottom:35px}.crumb a:hover{text-decoration:underline}.page-banner h1{font-weight:310;letter-spacing:-.045em;font-size:clamp(41px,5vw,72px);margin:0 0 12px}.page-banner p{max-width:620px;font-size:16px;color:#69655f;line-height:1.6;margin:0}.catalog-shell{padding:35px clamp(22px,4.5vw,72px) 100px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.filter-bar .filter-links{display:flex;gap:22px;flex-wrap:wrap}.filter-links a{font-size:13px;color:#6d6962}.filter-links a.active{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px}.filter-bar select{border:0;background:transparent;color:var(--ink);font-size:13px;padding:7px}.count-label{font-size:12px;color:#79746b}
.product-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(35px,5vw,85px);padding:45px clamp(22px,4.5vw,72px) 110px}.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.product-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e9e7e3}.product-gallery img:first-child{grid-column:1/-1;aspect-ratio:5/5}.product-info{padding-top:35px;position:sticky;top:100px;align-self:start}.product-info .crumb{margin-bottom:18px}.product-info h1{font-weight:340;font-size:clamp(36px,4vw,59px);line-height:1.06;letter-spacing:-.035em;margin:0 0 13px}.product-price{font-size:20px;margin-bottom:25px}.product-info .description{line-height:1.7;color:#625e58;font-size:15px;border-top:1px solid var(--line);padding-top:25px}.product-spec{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;font-size:13px}.product-spec span:first-child{color:#77716a}.purchase-row{display:flex;gap:10px;margin:25px 0}.qty-control{display:flex;align-items:center;border:1px solid var(--line);height:50px}.qty-control button{background:none;border:0;width:38px;height:100%;font-size:20px}.qty-control span{min-width:23px;text-align:center}.purchase-row .button-dark{flex:1}.source-note{font-size:12px;color:#847f76;line-height:1.5}.source-note a{text-decoration:underline}
.overlay{position:fixed;inset:0;background:rgba(19,18,16,.5);z-index:40}.overlay[hidden]{display:none}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--paper);z-index:41;transform:translateX(102%);transition:transform .3s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 28px}.drawer-head h2{font-size:23px;font-weight:370;margin:0}.drawer-close{border:0;background:none;font-size:28px;font-weight:200}.drawer-body{overflow-y:auto;flex:1;padding:25px 28px}.drawer-footer{padding:22px 28px;border-top:1px solid var(--line)}.drawer-footer .button-dark{width:100%}.cart-line{display:grid;grid-template-columns:88px 1fr;gap:16px;margin-bottom:19px}.cart-line img{width:88px;height:100px;object-fit:cover;background:#e9e5dd}.cart-line h3{font-size:15px;font-weight:400;margin:0 0 5px}.cart-line p{font-size:13px;margin:0 0 8px}.cart-line-actions{display:flex;align-items:center;gap:16px}.cart-line-actions button{border:0;background:none;padding:2px;font-size:15px}.cart-line-actions .remove{font-size:11px;text-decoration:underline;color:#79746b}.subtotal{display:flex;justify-content:space-between;font-size:18px;margin-bottom:13px}.drawer-small{font-size:12px;color:#79746b;line-height:1.5}.empty-state{padding:45px 0;text-align:center}.empty-state p{color:#736e67}.search-box{display:flex;border-bottom:1px solid var(--ink);padding-bottom:10px}.search-box input{border:0;outline:0;background:none;font-size:20px;width:100%}.search-results{margin-top:20px}.search-result{display:flex;gap:15px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.search-result img{width:65px;height:65px;object-fit:cover}.search-result span{font-size:14px}.menu-list{display:flex;flex-direction:column}.menu-list a{font-size:28px;padding:11px 0;border-bottom:1px solid var(--line)}.consult-form label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 7px}.consult-form input,.consult-form textarea{width:100%;border:1px solid var(--line);background:#fff;padding:13px;border-radius:0}.consult-form textarea{min-height:100px;resize:vertical}.consult-form button{margin-top:20px;width:100%}.toast{position:fixed;z-index:60;left:50%;bottom:30px;transform:translate(-50%,20px);background:#242321;color:#fff;padding:12px 20px;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.about-page{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:100px clamp(22px,4.5vw,72px)}.about-page img{width:100%;height:560px;object-fit:cover}.about-page .copy{align-self:center}.about-page h1{font-size:clamp(40px,4vw,62px);font-weight:320;line-height:1.1;margin:15px 0 24px}.about-page p{line-height:1.8;color:#625e58;font-size:17px}
@media(max-width:1120px){.desktop-nav{gap:14px}.site-header .brand{width:155px}.consult-link{display:none}.product-row{grid-auto-columns:31%}.category-card{min-height:440px}}
@media(max-width:820px){:root{--header:68px}.desktop-nav{display:none}.mobile-menu-trigger{display:grid}.site-header .brand{width:158px}.category-grid{gap:10px}.category-card{min-height:390px}.category-copy{left:17px;bottom:19px}.category-copy h3{font-size:25px}.product-row{grid-auto-columns:42%}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial{grid-template-columns:1fr}.editorial-photo{height:430px}.editorial-copy{padding:50px 30px}.story{grid-template-columns:1fr}.story-image{height:450px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-note{grid-column:1/-1}.product-page{grid-template-columns:1fr}.product-info{position:static;padding-top:0}.about-page{grid-template-columns:1fr}.about-page img{height:420px}}
@media(max-width:600px){.preview-bar{font-size:8px;letter-spacing:.08em}.site-header{padding:0 18px;gap:10px}.site-header .brand{width:145px}.header-actions{gap:2px}.header-actions .icon-button{width:31px}.hero{height:calc(82svh - 30px);min-height:550px;background-position:58% center}.hero-content{bottom:42px;left:22px;right:22px}.hero h1{font-size:39px}.hero-controls{right:20px;bottom:22px}.section{padding:72px 18px}.section-heading{margin-bottom:28px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{min-height:430px}.category-copy{left:25px;bottom:26px}.category-copy h3{font-size:35px}.inspiration-head{align-items:center}.product-row{grid-auto-columns:73%;gap:10px}.catalog-grid{gap:25px 10px}.catalog-grid .product-meta{display:block}.product-meta h3{font-size:14px}.product-meta strong{font-size:12px}.catalog-highlight .section-heading{display:block}.catalog-highlight .section-heading .text-link{margin-top:20px}.story-copy{padding:65px 25px}.story-image{height:330px}.footer{padding:62px 22px 20px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-brand img{width:210px}.footer-note{grid-column:1/-1}.footer-bottom{margin-top:55px;display:block}.footer-bottom span{display:block;margin-top:6px}.page-banner{padding:60px 20px 40px}.catalog-shell{padding:30px 18px 80px}.filter-bar{display:block}.filter-links{margin-bottom:15px}.product-page{padding:24px 18px 80px}.product-gallery{gap:6px}.product-gallery img{aspect-ratio:1}.product-gallery img:first-child{aspect-ratio:4/4}.product-info h1{font-size:42px}.about-page{padding:65px 20px}.about-page img{height:360px}}

/* Interior design and project inquiry */
.section-heading p{max-width:720px;margin:18px auto 0;color:#68635d;line-height:1.65;font-size:16px}
.services-section{background:#faf9f6}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{background:#eeebe5}.service-card img{width:100%;height:340px;object-fit:cover}.service-card>div{padding:28px 26px 34px}.service-card h3{font-size:28px;font-weight:350;margin:0 0 12px}.service-card p{line-height:1.65;color:#625d56;margin:0}
.process-section{background:#eae7e1}.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #c8c2b8}.process-step{padding:30px 20px 15px;border-right:1px solid #c8c2b8;min-height:210px}.process-step:last-child{border-right:0}.process-step>span{font-size:12px;color:#918272}.process-step h3{font-weight:400;font-size:20px;line-height:1.2;margin:26px 0 8px}.process-step p{font-size:14px;line-height:1.5;color:#6b655d;margin:0}
.services-hero{display:grid;grid-template-columns:1fr 1fr;background:#e9e5dd;min-height:620px}.services-hero>div{padding:clamp(50px,7vw,120px);display:flex;flex-direction:column;align-items:start;justify-content:center}.services-hero h1{font-weight:310;font-size:clamp(42px,5vw,72px);line-height:1.07;letter-spacing:-.04em;margin:18px 0}.services-hero p{font-size:18px;line-height:1.65;color:#625d56;max-width:590px;margin:0 0 32px}.services-hero img{width:100%;height:100%;object-fit:cover}
.request-page{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,7vw,120px);padding:100px clamp(22px,5vw,80px);background:#eae7e1}.request-intro h1{font-weight:310;font-size:clamp(42px,5vw,70px);line-height:1.08;margin:14px 0 20px}.request-intro p{font-size:18px;line-height:1.7;color:#625d56;max-width:500px}.request-steps{display:flex;flex-direction:column;gap:14px;margin-top:45px;border-top:1px solid #c6c0b8;padding-top:26px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.request-form{background:#faf9f6;padding:clamp(25px,3vw,50px);display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-form label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;display:flex;flex-direction:column;gap:9px}.request-form label:has(textarea),.request-form label:has(select),.request-form .form-status{grid-column:1/-1}.request-form input,.request-form textarea,.request-form select{width:100%;border:1px solid #d4d0c8;background:#fff;border-radius:0;padding:14px;color:#242321;font-size:15px;letter-spacing:0;text-transform:none}.request-form textarea{resize:vertical}.request-form small{font-size:10px;color:#8a8278}.request-form button{align-self:start}.request-form .form-status{font-size:13px;line-height:1.5;margin:0}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:1000px){.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-step:nth-child(3){border-right:0}.service-card img{height:270px}.request-page{grid-template-columns:1fr}}
@media(max-width:700px){.service-grid{grid-template-columns:1fr}.service-card img{height:300px}.process-grid{grid-template-columns:1fr 1fr}.process-step,.process-step:nth-child(3){border-right:1px solid #c8c2b8}.process-step:nth-child(2n){border-right:0}.services-hero{grid-template-columns:1fr}.services-hero>div{padding:65px 25px}.services-hero img{height:330px}.request-page{padding:70px 20px}.request-form{grid-template-columns:1fr}.request-form label{grid-column:1/-1}}
.service-directory{background:#f3f0ea}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.directory-grid a{display:block;background:#fff;border:1px solid #ded9d0;min-height:195px;padding:26px;transition:background .2s}.directory-grid a:hover{background:#eae5dc}.directory-grid small{font-size:10px;letter-spacing:.15em;color:#887362}.directory-grid h3{font-weight:380;font-size:24px;margin:15px 0 26px}.directory-grid span{font-size:12px;border-bottom:1px solid #242321;padding-bottom:4px}.service-copy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-copy-grid article{border-top:1px solid #bfb9b0;padding-top:24px}.service-copy-grid h3{font-weight:390;font-size:23px}.service-copy-grid p{line-height:1.7;color:#68635d}.faq-section{background:#eae7e1}.faq-list{max-width:900px;margin:auto}.faq-list details{border-top:1px solid #c8c2b9;padding:18px 8px}.faq-list details:last-child{border-bottom:1px solid #c8c2b9}.faq-list summary{font-size:19px;cursor:pointer}.faq-list p{line-height:1.7;color:#68635d;max-width:760px}
@media(max-width:800px){.directory-grid,.service-copy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.directory-grid,.service-copy-grid{grid-template-columns:1fr}.directory-grid a{min-height:160px}.service-copy-grid article{padding-top:16px}}

/* ARVENNO premium editorial layer */
:root{--display:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;--accent:#b49162}
body{letter-spacing:.005em}
.site-header{border-bottom:1px solid rgba(255,255,255,.22)}.site-header.solid{border-bottom:1px solid #e7e2da;box-shadow:none}
.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after{content:"";position:absolute;bottom:2px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.desktop-nav a:hover:after{width:100%}
.hero{min-height:690px;max-height:1000px}.hero:after{background:linear-gradient(90deg,rgba(19,18,17,.55),rgba(19,18,17,.12) 70%),linear-gradient(0deg,rgba(19,18,17,.48),transparent 55%)}
.hero-content{max-width:950px;bottom:clamp(85px,11vh,140px)}.hero-eyebrow{background:none;padding:0 0 10px;border-bottom:1px solid #ffffff88;font-size:11px;letter-spacing:.25em;font-weight:500}
.hero h1,.services-hero h1,.request-intro h1,.page-banner h1,.about-page h1{font-family:var(--display);font-weight:400;letter-spacing:-.052em}
.hero h1{font-size:clamp(50px,5.9vw,91px);line-height:.98;max-width:920px;margin:23px 0 25px;text-wrap:balance}
.hero-sub{font-size:11px;letter-spacing:.25em;margin-bottom:33px;color:#e9e3d9}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-width:225px;padding:16px 19px;background:#f7f4ee;color:#28251f;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s}.hero-primary:hover{background:#fff;transform:translateY(-2px)}.hero-primary span{font-size:20px;line-height:0}.hero-secondary{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #fff;padding:10px 0;color:#fff;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.hero-secondary span{font-size:19px;line-height:0}
.section{padding-top:120px;padding-bottom:120px}.section-heading{margin-bottom:55px}.section-heading h2,.section-title,.consult-band h2,.editorial-copy h2,.story-copy h2,.faq-section h2{font-family:var(--display);font-weight:400;letter-spacing:-.04em;line-height:1.05}.section-heading h2,.section-title{font-size:clamp(42px,4.7vw,72px)}.eyebrow{letter-spacing:.27em;font-size:10px;color:#8a715c;font-weight:600}
.services-section .section-heading{max-width:890px;margin:0 auto 62px}.services-section .section-heading p{font-size:17px}.service-grid{gap:22px}.service-card{background:#f1eee8;overflow:hidden}.service-card img{height:400px;transition:transform .7s ease}.service-card:hover img{transform:scale(1.025)}.service-card>div{padding:30px 30px 38px;border-top:1px solid #e5e0d8}.service-card h3{font-family:var(--display);font-size:32px;letter-spacing:-.035em}.service-card p{font-size:14px;line-height:1.7}
.service-directory{background:#eae6df}.directory-grid{gap:1px;background:#d3ccc2;border:1px solid #d3ccc2}.directory-grid a{border:0;min-height:215px;padding:29px;background:#f7f5f1}.directory-grid a:hover{background:#ede7de}.directory-grid h3{font-family:var(--display);font-size:30px;line-height:1.04;letter-spacing:-.035em;margin:25px 0 28px}.directory-grid span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.process-section{background:#e8e2d8}.process-step{padding:35px 23px 20px}.process-step>span{color:#9a8068}.process-step h3{font-family:var(--display);font-size:24px;letter-spacing:-.025em}.process-step p{font-size:13px}
.services-hero{grid-template-columns:1.02fr .98fr;background:#e9e5de}.services-hero>div{padding:clamp(60px,7vw,125px)}.services-hero h1{font-size:clamp(47px,5.3vw,80px);line-height:1.01;max-width:760px;margin:22px 0 25px;text-wrap:balance}.services-hero p{font-size:17px}.services-hero img{min-height:620px}.services-hero .button-dark,.request-form .button-dark{padding:17px 25px}
.category-card:after{background:linear-gradient(transparent 35%,rgba(0,0,0,.58))}.category-copy h3{font-family:var(--display);font-size:clamp(31px,3.1vw,48px);letter-spacing:-.035em}.category-copy span{font-size:10px;letter-spacing:.15em}
.request-intro h1{font-size:clamp(50px,5.6vw,84px);line-height:1.01}.request-page{background:#e9e5de}.request-form{box-shadow:0 22px 55px rgba(48,41,32,.06)}
.product-meta h3{font-size:15px;font-weight:420}.product-image-wrap img{transition:transform .65s}.footer{background:#201f1d}.footer-brand p{line-height:1.75}
@media(max-width:1000px){.section{padding-top:95px;padding-bottom:95px}.service-card img{height:320px}.services-hero img{min-height:0}}
@media(max-width:600px){.hero{min-height:620px;height:calc(87svh - 30px)}.hero-content{bottom:70px}.hero h1{font-size:clamp(48px,11vw,65px);line-height:1.02;margin:19px 0 20px}.hero-sub{font-size:9px;line-height:1.6;margin-bottom:25px}.hero-actions{gap:14px}.hero-primary{min-width:205px;padding:14px 17px}.hero-secondary{font-size:10px}.hero-controls{bottom:20px}.section{padding-top:76px;padding-bottom:76px}.section-heading h2,.section-title{font-size:47px}.service-card img{height:310px}.service-card h3{font-size:29px}.directory-grid h3{font-size:28px}.services-hero h1{font-size:53px}.services-hero img{height:340px}.request-intro h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ARVENNO monochrome storefront */
@font-face{font-family:Poppins;src:url('assets/Poppins-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/Poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/Poppins-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/Poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--ink:#000;--paper:#fff;--cream:#fff;--accent:#000;--line:#d8d8d8;--muted:#555;--display:Poppins,Arial,sans-serif}
body,button,input,select,textarea{font-family:Poppins,Arial,sans-serif}
body{color:#000;background:#fff;font-weight:400}
h1,h2,h3,.hero h1,.services-hero h1,.request-intro h1,.page-banner h1,.about-page h1,.section-heading h2,.section-title,.consult-band h2,.editorial-copy h2,.story-copy h2,.faq-section h2,.service-card h3,.directory-grid h3,.category-copy h3,.product-info h1{font-family:Poppins,Arial,sans-serif;font-weight:400;letter-spacing:-.045em}
.hero h1{font-size:clamp(43px,5.1vw,76px);line-height:1.08}
.section-heading h2,.section-title{font-size:clamp(35px,4vw,62px)}
.eyebrow,.directory-grid small,.process-step>span{color:#000}
.preview-bar,.footer,.story,.toast{background:#000;color:#fff}
.site-header.solid,.services-section,.service-card,.service-card>div,.service-directory,.popular-section,.consult-band,.comparison-section,.catalog-highlight,.page-banner,.services-hero,.request-page,.request-form,.faq-section,.editorial,.editorial-copy,.directory-grid,.directory-grid a,.directory-grid a:hover,.product-image-wrap,.product-image-wrap .badge,.feed-card,.product-gallery img,.drawer,.cart-line img,.category-card,.comparison{background-color:#fff}
.site-header.solid{border-color:#e2e2e2}
.hero{background-color:#000}.hero-primary,.hero-primary:hover{background:#fff;color:#000}
.button-dark,.button-dark:hover{background:#000;color:#fff;border-color:#000}
.button-outline,.button-outline:hover{background:#fff;color:#000;border-color:#000}
.button-outline:hover{box-shadow:inset 0 0 0 1px #000}
.consult-band{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.service-card{border:1px solid #e5e5e5}.service-card>div{border-color:#e5e5e5}
.services-hero{border-bottom:1px solid #e5e5e5}
.editorial-copy{background:#fff}.editorial{border-block:1px solid #e5e5e5}
.request-form{border:1px solid #e5e5e5;box-shadow:none}
.request-form input,.request-form textarea,.request-form select,.consult-form input,.consult-form textarea{background:#fff;border-color:#bbb;border-radius:4px}
.category-card{background:#000}.product-image-wrap{background:#fff;border:1px solid #e5e5e5}
.comparison,.feed-card{background:#000}.comparison-label{background:#000}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0}
.directory-grid a.directory-card{position:relative;display:block;min-height:410px;padding:0;overflow:hidden;border:0;background:#000;color:#fff}
.directory-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s ease}
.directory-card:hover img{transform:scale(1.035)}
.directory-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 26%,rgba(0,0,0,.78) 100%)}
.directory-copy{position:absolute;z-index:1;left:clamp(22px,3vw,44px);right:20px;bottom:clamp(24px,3vw,40px)}
.directory-grid .directory-copy small{color:#fff;font-size:10px;letter-spacing:.16em}
.directory-grid .directory-copy h3{color:#fff;font-size:clamp(24px,2.2vw,36px);line-height:1.15;margin:13px 0 22px}
.directory-grid .directory-copy span{border-color:#fff;color:#fff}
.directory-grid a.directory-card:last-child:nth-child(3n+1){grid-column:1/-1;min-height:360px}
.popular-section{border-block:1px solid #e5e5e5}
.popular-section .inspiration-head{margin-bottom:28px}
.popular-section .product-row{grid-auto-columns:23%}
button,.button-dark,.button-outline,.hero-primary,.consult-link,.arrow-row button,.qty-control,.text-link,.section-row button{border-radius:5px}
.icon-button,.hero-controls button,.drawer-close{border-radius:50%}
.arrow-row button{background:#fff;border-color:#bbb;color:#000}
.hero-controls button{width:42px;height:42px;background:#0009;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #000;outline-offset:3px}
@media(max-width:800px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-grid a.directory-card:last-child:nth-child(3n+1){grid-column:auto}.popular-section .product-row{grid-auto-columns:40%}}
@media(max-width:600px){.directory-grid{grid-template-columns:1fr;gap:10px}.directory-grid a.directory-card,.directory-grid a.directory-card:last-child:nth-child(3n+1){grid-column:auto;min-height:360px}.popular-section .product-row{grid-auto-columns:76%}.section-heading h2,.section-title{font-size:clamp(34px,9vw,45px)}}

/* ===== 2026-11-05 · Premium navbar, görsel hizmet mozaiği, yenileme ve aydınlatma ===== */
:root{--header:86px}
.preview-bar{height:30px;font-size:9.5px;letter-spacing:.22em;background:#000;color:#fff}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.18)}
.site-header.solid{background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #ececec;box-shadow:none}
.site-header .brand{grid-column:2;grid-row:1;width:156px;justify-self:center}
.desktop-nav{grid-column:1;grid-row:1;justify-self:start;gap:clamp(18px,2.4vw,40px);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.desktop-nav a{padding:10px 0}
.desktop-nav a:after{bottom:4px}
.header-actions{grid-column:3;grid-row:1;justify-self:end;margin-left:0;gap:6px}
.consult-link{border:0;padding:10px 4px;margin-right:12px;font-size:11.5px;letter-spacing:.16em;font-weight:500;position:relative;border-radius:0}
.consult-link:after{content:"";position:absolute;left:4px;right:4px;bottom:5px;height:1px;background:currentColor;transform-origin:left;transition:transform .3s}
.consult-link:hover{opacity:1}.consult-link:hover:after{transform:scaleX(.4)}
.icon-button svg{width:20px;height:20px;stroke-width:1.3}
#cart-count{position:absolute;top:2px;right:0;min-width:15px;height:15px;border-radius:15px;background:currentColor;font-size:9px;line-height:15px;text-align:center;padding:0 4px}
.site-header.solid #cart-count{color:#fff;background:#000}
.site-header:not(.solid) #cart-count{background:#fff;color:#000}
#cart-count[hidden]{display:none}

/* Hizmet mozaiği */
.svc-section{background:#fff}
.svc-section .section-heading h2,.reno-head h2{font-size:clamp(34px,4.2vw,64px);letter-spacing:-.045em;line-height:1.05;margin:14px 0 0}
.svc-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(210px,19vw,300px);gap:12px}
.svc-tile{position:relative;overflow:hidden;border-radius:6px;background:#000;color:#fff;display:block;isolation:isolate}
.svc-tile:first-child{grid-column:span 2;grid-row:span 2}
.svc-tile:nth-child(8):last-child{grid-column:span 2}
.svc-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .4s;z-index:-1}
.svc-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.62));z-index:-1}
.svc-tile:hover img{transform:scale(1.045)}
.svc-label{position:absolute;left:clamp(16px,1.8vw,26px);right:clamp(16px,1.8vw,26px);bottom:clamp(16px,1.8vw,24px);display:flex;justify-content:space-between;align-items:end;gap:12px;font-size:clamp(15px,1.25vw,19px);font-weight:400;letter-spacing:-.01em;line-height:1.2}
.svc-tile:first-child .svc-label{font-size:clamp(22px,2.2vw,34px);letter-spacing:-.03em}
.svc-label i{font-style:normal;flex:none;width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-size:14px;transition:background .3s,color .3s}
.svc-tile:hover .svc-label i{background:#fff;color:#000}

/* Evinizi yenileyelim */
.reno-section{background:#fff;border-top:1px solid #ececec}
.reno-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 60px;align-items:end;margin-bottom:48px}
.reno-head .eyebrow{grid-column:1/-1}
.reno-head h2{margin:0}
.reno-head p{margin:0;max-width:440px;font-size:15px;line-height:1.75;color:#444}
.reno-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reno-panel{position:relative;display:block;aspect-ratio:4/4.6;max-height:760px;width:100%;overflow:hidden;border-radius:6px;background:#000;color:#fff;isolation:isolate}
.reno-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.reno-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.72));z-index:-1}
.reno-panel:hover img{transform:scale(1.04)}
.reno-copy{position:absolute;left:clamp(22px,3vw,44px);right:clamp(22px,3vw,44px);bottom:clamp(24px,3vw,44px)}
.reno-copy h3{font-size:clamp(30px,3.4vw,52px);letter-spacing:-.045em;line-height:1;margin:0 0 12px;font-weight:400}
.reno-copy p{margin:0 0 22px;max-width:360px;font-size:14.5px;line-height:1.6;opacity:.86}
.reno-copy span{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:6px}
.reno-copy span i{font-style:normal;transition:transform .3s}
.reno-panel:hover .reno-copy span i{transform:translateX(5px)}

/* Aydınlatma */
.light-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#000;color:#fff;min-height:min(880px,100vh)}
.light-feature{position:relative;overflow:hidden;min-height:520px}
.light-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.light-body{display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(48px,6vw,96px) clamp(24px,5vw,80px)}
.light-copy .eyebrow{color:#fff;opacity:.7}
.light-copy h2{font-size:clamp(36px,4.4vw,68px);letter-spacing:-.05em;line-height:1.02;margin:16px 0 20px;color:#fff;font-weight:400}
.light-copy p{max-width:430px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.72);margin:0 0 30px}
.light-button{display:inline-flex;gap:10px;align-items:center;background:#fff;color:#000;padding:15px 22px;border-radius:5px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;transition:opacity .25s}
.light-button:hover{opacity:.82}
.light-button i{font-style:normal}
.light-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.light-item{display:block;color:#fff}
.light-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px;display:block;transition:opacity .3s}
.light-item:hover img{opacity:.78}
.light-item span{display:block;margin-top:12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}

/* Mobil menü */
.menu-primary a{font-size:30px;letter-spacing:-.03em;padding:12px 0;border-bottom:1px solid #ececec}
.menu-caption{margin:34px 0 10px;font-size:10px;letter-spacing:.22em;color:#777}
.menu-secondary{display:flex;flex-direction:column}
.menu-secondary a{font-size:15px;padding:9px 0;color:#222}

@media(max-width:1100px){
  .desktop-nav{gap:18px;font-size:11px;letter-spacing:.12em}
  .consult-link{display:none}
  .svc-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
  .light-section{grid-template-columns:1fr}
  .light-feature{min-height:0;aspect-ratio:16/10}
}
@media(max-width:860px){
  :root{--header:66px}
  .site-header{grid-template-columns:auto 1fr;gap:12px}
  .site-header .brand{grid-column:1;justify-self:start;width:132px}
  .desktop-nav{display:none}
  .header-actions{grid-column:2}
  .mobile-menu-trigger{display:grid}
  .svc-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(170px,36vw,260px);gap:8px}
  .svc-tile:first-child{grid-column:1/-1;grid-row:span 2}
  .svc-tile:nth-child(8):last-child{grid-column:1/-1}
  .reno-head{grid-template-columns:1fr;gap:14px;margin-bottom:30px}
  .reno-grid{grid-template-columns:1fr}
  .reno-panel{aspect-ratio:4/3.6}
  .light-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .preview-bar{font-size:8px;letter-spacing:.12em;padding:0 12px}
  .svc-mosaic{grid-auto-rows:44vw}
  .svc-label{font-size:14px;left:14px;right:12px;bottom:12px}
  .svc-label i{width:28px;height:28px;font-size:12px}
  .svc-tile:first-child .svc-label{font-size:22px}
  .reno-panel{aspect-ratio:4/4.4}
  .light-body{padding:44px 18px 52px;gap:36px}
  .light-feature{aspect-ratio:4/4.2}
}

/* ===== 2026-11-05 · Mağaza, ürün kartları, iletişim ===== */
.pcard{min-width:0;scroll-snap-align:start}
.pcard-media{position:relative;display:block;aspect-ratio:4/4.8;overflow:hidden;border-radius:6px;background:#f4f4f4}
.pcard-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.pcard-media .pcard-alt{opacity:0}
.pcard:hover .pcard-media .pcard-alt{opacity:1}
.pcard:hover .pcard-media img{transform:scale(1.03)}
.pcard-badge{position:absolute;top:12px;left:12px;background:#fff;color:#000;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;border-radius:4px}
.pcard-meta{display:grid;grid-template-columns:1fr auto;column-gap:14px;padding:14px 2px 0}
.pcard-meta a{grid-column:1;min-width:0}
.pcard-meta h3{font-size:15px;font-weight:400;letter-spacing:-.01em;line-height:1.35;margin:0}
.pcard-meta p{grid-column:1;margin:4px 0 0;font-size:12px;color:#777}
.pcard-meta strong{grid-column:2;grid-row:1;font-size:14px;font-weight:500;white-space:nowrap}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 16px}

.shop-home{background:#fff;border-top:1px solid #ececec}
.shop-home-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.shop-home-head h2{font-size:clamp(34px,4.2vw,64px);letter-spacing:-.045em;line-height:1.05;margin:14px 0 0;font-weight:400}
.shop-all{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #000;padding-bottom:6px;white-space:nowrap}
.shop-all i{font-style:normal;transition:transform .3s}.shop-all:hover i{transform:translateX(4px)}
.shop-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 30px}
.shop-chips::-webkit-scrollbar{display:none}
.shop-chips a{flex:none;border:1px solid #d9d9d9;border-radius:999px;padding:10px 18px;font-size:12px;letter-spacing:.04em;color:#222;transition:border-color .2s,background .2s,color .2s;white-space:nowrap}
.shop-chips a:hover{border-color:#000}
.shop-chips a.active{background:#000;border-color:#000;color:#fff}

.shop-hero{padding:clamp(56px,7vw,110px) clamp(22px,4.5vw,72px) clamp(30px,3vw,46px);background:#fff;border-bottom:1px solid #ececec}
.shop-hero .crumb{margin-bottom:26px}
.shop-hero h1{font-size:clamp(44px,6vw,96px);letter-spacing:-.055em;line-height:.98;margin:0 0 16px;font-weight:400}
.shop-hero p{max-width:560px;color:#555;font-size:15px;line-height:1.7;margin:0}
.shop-shell{padding:0 clamp(22px,4.5vw,72px) 110px;background:#fff}
.shop-toolbar{position:sticky;top:var(--header);z-index:5;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 0;margin-bottom:16px}
.shop-toolbar .shop-chips{padding-bottom:18px;min-width:0}
.shop-tools{display:flex;align-items:center;gap:16px;padding-bottom:18px;flex:none;font-size:12px;color:#666}
.shop-tools select{border:1px solid #d9d9d9;border-radius:999px;background:#fff;padding:9px 14px;font-size:12px;color:#000}
.shop-empty{border:1px solid #ececec;border-radius:6px;padding:clamp(40px,6vw,90px) 24px;text-align:center}
.shop-empty h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.035em;font-weight:400;margin:0 0 12px}
.shop-empty p{color:#555;margin:0 auto 26px;max-width:440px;line-height:1.7}

.contact-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,110px);padding:clamp(56px,7vw,120px) clamp(22px,4.5vw,72px);background:#fff}
.contact-intro h1{font-size:clamp(46px,6vw,96px);letter-spacing:-.055em;line-height:.98;margin:16px 0 22px;font-weight:400}
.contact-intro p{color:#555;font-size:15px;line-height:1.75;max-width:440px;margin:0 0 40px}
.contact-list{margin:0;border-top:1px solid #e5e5e5}
.contact-list div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #e5e5e5}
.contact-list dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#777;padding-top:3px}
.contact-list dd{margin:0;font-size:16px}
.contact-list a{border-bottom:1px solid transparent;transition:border-color .2s}
.contact-list a:hover{border-color:#000}
.contact-form{display:flex;flex-direction:column;gap:18px;border:1px solid #e5e5e5;border-radius:6px;padding:clamp(22px,3vw,44px)}
.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.contact-form label small{text-transform:none;letter-spacing:0;color:#888}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #cfcfcf;border-radius:5px;background:#fff;padding:14px;font:inherit;font-size:15px;letter-spacing:0;text-transform:none;color:#000}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#000}
.contact-form button{align-self:flex-start}
.contact-form .form-status{margin:0;font-size:13px}

@media(max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}
  .shop-home-head{align-items:start;flex-direction:column;gap:14px}
  .shop-toolbar{flex-direction:column;align-items:stretch;gap:0}
  .shop-tools{justify-content:space-between}
  .contact-page{grid-template-columns:1fr}
}
@media(max-width:560px){
  .pcard-meta{grid-template-columns:1fr}
  .pcard-meta strong{grid-column:1;grid-row:auto;margin-top:6px;font-size:13px}
  .pcard-meta h3{font-size:14px}
  .contact-row{grid-template-columns:1fr}
  .contact-list div{grid-template-columns:1fr;gap:6px}
  .contact-form button{align-self:stretch}
}

/* Mobil menü (tam ekran) */
body.mnav-open{overflow:hidden}
.mnav{position:fixed;inset:0;z-index:60;background:#000;color:#fff;display:flex;flex-direction:column;padding:0 22px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
.mnav.open{clip-path:inset(0 0 0 0)}
.mnav-top{display:flex;justify-content:space-between;align-items:center;height:66px;flex:none;border-bottom:1px solid rgba(255,255,255,.14)}
.mnav-brand img{width:128px;display:block}
.mnav-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:none;position:relative;color:#fff}
.mnav-close span{position:absolute;left:12px;right:12px;top:50%;height:1px;background:#fff;transform:rotate(45deg)}
.mnav-close span+span{transform:rotate(-45deg)}
.mnav-main{display:flex;flex-direction:column;margin:clamp(26px,6vh,56px) 0 auto}
.mnav-main a{display:flex;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.18s + var(--i) * .06s)}
.mnav-main small{font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.45);width:22px;flex:none}
.mnav-main span{font-size:clamp(34px,10vw,52px);font-weight:300;letter-spacing:-.05em;line-height:1.1}
.mnav-main a:active span{opacity:.6}
.mnav.open .mnav-main a,.mnav.open .mnav-foot{opacity:1;transform:none}
.mnav-foot{margin-top:36px;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .6s ease;transition-delay:calc(.25s + var(--i) * .06s)}
.mnav-caption{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 12px}
.mnav-services{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.mnav-services a{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 13px;font-size:12px;color:rgba(255,255,255,.85)}
.mnav-contact{display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(255,255,255,.14);padding-top:22px}
.mnav-cta{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#000;border-radius:5px;padding:16px 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.mnav-cta i{font-style:normal}
.mnav-mail{font-size:14px;color:rgba(255,255,255,.75);letter-spacing:.02em}
@media(min-width:861px){.mnav{display:none}}
@media(prefers-reduced-motion:reduce){.mnav,.mnav-main a,.mnav-foot{transition:none}}

/* ===== Kariyer ===== */
.career-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center;padding:clamp(48px,6vw,100px) clamp(22px,4.5vw,72px);background:#fff}
.career-copy h1{font-size:clamp(44px,5.6vw,92px);letter-spacing:-.055em;line-height:.98;margin:16px 0 22px;font-weight:400}
.career-copy p{color:#555;font-size:15px;line-height:1.75;max-width:470px;margin:0 0 32px}
.career-media{aspect-ratio:4/4.4;border-radius:6px;overflow:hidden}
.career-media img{width:100%;height:100%;object-fit:cover}
.career-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#fff;border-top:1px solid #ececec;padding-top:70px;padding-bottom:70px}
.career-values>div{border-top:1px solid #000;padding-top:22px}
.career-values small{font-size:10px;letter-spacing:.2em;color:#777}
.career-values h3{font-size:22px;letter-spacing:-.03em;font-weight:400;margin:14px 0 10px}
.career-values p{margin:0;color:#555;font-size:14px;line-height:1.7;max-width:340px}
.career-positions,.career-apply{background:#fff;border-top:1px solid #ececec}
.career-head{max-width:720px;margin-bottom:36px}
.career-head h2{font-size:clamp(32px,3.8vw,56px);letter-spacing:-.045em;line-height:1.05;margin:14px 0 12px;font-weight:400}
.career-head p{color:#555;font-size:15px;line-height:1.7;margin:0}
.position-list{border-top:1px solid #e5e5e5}
.position{display:grid;grid-template-columns:1fr auto 40px;gap:24px;align-items:center;padding:26px 4px;border-bottom:1px solid #e5e5e5;transition:padding .3s}
.position:hover{padding-left:14px}
.position h3{margin:0 0 6px;font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;font-weight:400}
.position p{margin:0;color:#666;font-size:14px}
.position span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#555;white-space:nowrap}
.position i{font-style:normal;width:40px;height:40px;border:1px solid #000;border-radius:50%;display:grid;place-items:center}
.position-empty{border:1px solid #e5e5e5;border-radius:6px;padding:clamp(26px,4vw,48px)}
.position-empty p{margin:0;max-width:640px;font-size:16px;line-height:1.7;color:#333}
.career-form{max-width:980px}
.cv-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:96px;border:1px dashed #9a9a9a;border-radius:6px;text-transform:none;letter-spacing:0;font-size:14px;color:#444;transition:border-color .2s,background .2s;text-align:center;padding:12px}
.cv-drop:hover{border-color:#000}
.cv-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:0}
.career-form .consent{flex-direction:row;align-items:flex-start;gap:12px;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.6;color:#444}
.career-form .consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#000;padding:0}
@media(max-width:860px){
  .career-hero{grid-template-columns:1fr}
  .career-media{aspect-ratio:16/11;order:-1}
  .career-values{grid-template-columns:1fr;gap:26px}
  .position{grid-template-columns:1fr 40px;gap:12px}
  .position span{grid-column:1;grid-row:2}
  .position i{grid-column:2;grid-row:1/3}
}

/* Hizmet sayfası banner ve ikinci buton (2026-11-06) */
.svc-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.svc-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#fff}
.svc-banner{position:relative;display:block;height:clamp(520px,57vw,820px);overflow:hidden;color:#fff;text-decoration:none}
.svc-banner img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}
.svc-banner:hover img{transform:scale(1.03)}
.svc-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 55%)}
.svc-banner-text{position:absolute;left:clamp(24px,4vw,56px);right:clamp(24px,4vw,56px);bottom:clamp(28px,4vw,56px);z-index:1}
.svc-banner-text .eyebrow{color:#fff;opacity:.85}
.svc-banner-text h2{font-weight:310;font-size:clamp(28px,3vw,46px);line-height:1.08;letter-spacing:-.03em;margin:10px 0 12px;color:#fff}
.svc-banner-text p{margin:0 0 20px;color:rgba(255,255,255,.88);max-width:430px;line-height:1.55}
.svc-banner-link{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:5px}
@media(max-width:760px){.svc-banners{grid-template-columns:1fr}.svc-banner{aspect-ratio:4/5}}
@media (max-width:760px){.svc-banner{height:auto;aspect-ratio:4/5}}