/* Exact About cascade from the user-selected 4173 reference. */
@scope (#about) {
:root{--ink:#252621;--paper:#fcfbf8;--muted:#66685f;--line:#dedfd7;--blue:#d3e4ec}
.contact-action{display:flex;justify-content:center;padding:36px 24px 44px;background:#faf7f0e8}
.contact-action .contact-button{background:#344b3e;border-color:#344b3e;font-size:20px;font-weight:700;border-radius:8px;min-height:56px;padding:14px 32px;gap:30px;text-align:center}
.contact-action .contact-button:hover{background:#243b2e;border-color:#243b2e}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#f1f0ec;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;font-size:16px;line-height:1.75}
a{color:inherit}button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #28637c;outline-offset:5px}
.card{max-width:1200px;margin:24px auto;background:var(--paper);box-shadow:0 12px 70px #292d2410;overflow:hidden}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 54px;background:#fffefa;border-bottom:1px solid var(--line)}
.wordmark{width:86px;display:block;mix-blend-mode:multiply}
.brand-name{font-size:14px;color:var(--muted)}
header nav{display:flex;gap:28px}header nav a{text-decoration:none;font-size:14px;padding:8px 0}
header nav a:hover{box-shadow:0 1px var(--ink)}
.hero{background:#fbfaf6 url('assets/brand-background.png') center top/cover no-repeat}
.intro{min-height:590px;padding:66px 24px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.eyebrow{font-size:14px;letter-spacing:.03em;margin:0 0 26px}
.everyday{font-size:clamp(46px,7.7vw,94px);font-weight:900;letter-spacing:-.045em;line-height:1.05;direction:ltr}
.hero-logo{width:clamp(185px,24vw,285px);mix-blend-mode:multiply;margin:12px 0 27px}
h1{font-size:clamp(24px,3.3vw,34px);letter-spacing:-.025em;line-height:1.4;margin:0 0 12px}
.intro>p:not(.eyebrow){font-size:17px;max-width:490px;margin:0 0 29px;color:#494c44}
.primary{display:inline-flex;align-items:center;gap:40px;text-decoration:none;background:var(--ink);color:white;font-size:15px;padding:12px 26px;border:1px solid var(--ink);transition:background .2s}
.primary:hover{background:#454a3d}
.ribbon{display:flex;justify-content:center;align-items:center;gap:42px;padding:20px;background:#f8f7f2;border-block:1px solid var(--line);font-size:14px;letter-spacing:.04em}
.ribbon span+span:before{content:'·';margin-inline-end:42px;color:#84877a}
:scope{display:grid;grid-template-columns:1fr 1.55fr;gap:65px;padding:74px 64px;background:var(--paper)}
.about-heading>p{font-size:14px;margin:0 0 22px;color:var(--muted)}
:scope h2{font-size:clamp(29px,3.5vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.4;margin:0;max-width:280px}
.about-heading:after{content:'';display:block;width:58px;height:2px;background:#acb5a1;margin-top:26px}
.about-copy p{margin:0 0 16px;max-width:650px}.about-copy p:last-child{margin:0}
.values{font-weight:bold;font-size:15px}
.about-tagline{font-size:18px;color:#5b6354}
.section{padding:58px 64px 72px;background:#f5f5f0;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}
.section-head h2{font-size:32px;letter-spacing:-.025em;margin:0;font-weight:500}
.section-head p{font-size:14px;margin:0;color:var(--muted)}
.category-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:58px}
.category-links a{display:block;text-decoration:none;background:var(--paper);border:1px solid #dddfd5;overflow:hidden;transition:box-shadow .2s}
.category-links a:hover{box-shadow:0 8px 24px #20291a12}
.category-links img{display:block;width:100%;height:245px;object-fit:cover}
.category-links a:first-child img{object-position:left center}.category-links a:nth-child(2) img{object-position:center 25%}.category-links a:nth-child(3) img{object-fit:contain;background:#efefeb}
.category-links span{display:block;padding:17px 20px;font-size:24px;font-weight:500}
.category-links small{display:block;color:var(--muted);font-size:14px;font-weight:400;margin-top:2px}
.category{scroll-margin-top:24px;margin-top:44px}
.category h3{font-size:26px;font-weight:500;padding-bottom:15px;margin:0 0 25px;border-bottom:1px solid #d7d9ce}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.product{margin:0;min-width:0}
.product button{display:block;width:100%;padding:0;border:1px solid #e3e3db;background:#fff;cursor:zoom-in;overflow:hidden;aspect-ratio:4/5}
.product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.product button:hover img{transform:scale(1.025)}
.product.contain img{object-fit:contain;background:#fff}
.product figcaption{padding:12px 2px 0}.product h4{font-size:16px;line-height:1.6;font-weight:500;margin:0}.product p{font-size:14px;color:var(--muted);margin:3px 0 0}
footer{border-top:1px solid var(--line);padding:26px 54px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px;background:var(--paper)}
footer img{width:72px;mix-blend-mode:multiply}
dialog{border:0;padding:56px 14px 14px;max-width:min(94vw,900px);max-height:94dvh;background:#fff}
dialog::backdrop{background:#151a15c9}
dialog img{display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto}
dialog button{position:absolute;top:8px;left:10px;border:1px solid var(--line);background:var(--paper);padding:7px 16px;cursor:pointer;min-height:40px}
dialog p{text-align:center;margin:8px 0 0;font-size:14px}
@media(max-width:760px){
body{background:var(--paper)}.card{margin:0;box-shadow:none}header{padding:16px 22px;gap:15px}.wordmark{width:75px}.brand-name{display:none}header nav{gap:20px}
.hero{background-position:center top}.intro{min-height:530px;padding:48px 28px}.eyebrow{margin-bottom:25px}.everyday{font-size:clamp(43px,11vw,75px)}.hero-logo{width:200px;margin:12px 0 24px}.intro>p:not(.eyebrow){font-size:16px;max-width:300px}h1{font-size:25px}
.ribbon{gap:22px;padding:16px 10px}.ribbon span+span:before{margin-inline-end:22px}
:scope{grid-template-columns:1fr;gap:24px;padding:42px 25px}:scope h2{font-size:33px;max-width:none}.about-heading>p{margin-bottom:10px}.about-heading:after{margin-top:18px;width:42px}.about-copy p{font-size:16px}.about-copy .about-tagline{font-size:18px}
.section{padding:38px 20px 45px}.section-head{display:block;margin-bottom:22px}.section-head h2{font-size:29px}.section-head p{margin-top:4px}
.category-links{gap:10px;margin-bottom:40px}.category-links img{height:155px}.category-links span{padding:12px 9px;font-size:21px}.category-links small{font-size:14px;line-height:1.5}
.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.category h3{font-size:25px}.category{margin-top:34px}footer{padding:22px 24px}
}
@media(max-width:380px){header{padding-inline:16px}header nav{gap:13px}.intro{padding-inline:18px}.everyday{font-size:42px}.category-links{gap:7px}.category-links img{height:122px}.category-links span{font-size:19px;padding:10px 7px}.category-links small{font-size:14px}.ribbon{gap:16px}.ribbon span+span:before{margin-inline-end:16px}}
.card{background:var(--paper) url('assets/brand-background.png') center top/100% auto repeat-y}
:scope{background:#faf7f0e8}.ribbon{background:#dfceb7d9}.section{background:#faf7f04d}
.about-copy{background:#fffdf6d9;padding:24px;border-radius:12px;border-inline-start:3px solid #a9b9a0}
.category-links a:nth-child(1) span{background:#c9dfe9}.category-links a:nth-child(2) span{background:#edc1b3}.category-links a:nth-child(3) span{background:#f3dc97}
.category{padding:25px;background:#fffdf5df;border:1px solid #d8c5ad99;border-radius:16px}
#women{border-top:4px solid #ae847c;padding:28px 0 20px;overflow:hidden;background:linear-gradient(125deg,#e4cdc5,#f5eee5 57%,#c2c8b7)}#men{border-top:4px solid #a9cedd}
.women-category .carousel-heading{flex-direction:column;align-items:center;text-align:center;gap:16px}
.women-category .carousel-heading>div:first-child{width:100%}
.women-category .carousel-heading h3{font-weight:800;text-align:center}
.women-category .carousel-controls{justify-content:center}
.women-category .carousel-group .product{border-color:#cbb9ac;background:#faf5ee}
.category-links a[href="#women"] span{text-align:center;font-weight:800;background:#dfc3ba}
@media(max-width:760px){#women{padding:22px 0 12px}}
.kids-category{background:linear-gradient(120deg,#f3d77780,#f5e9dce8 40%,#a9cedd88);border-top:4px solid #f3d777;padding:28px 0 20px;overflow:hidden}
.carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px 24px}
.category .carousel-heading h3{margin:0;padding:0;border:0;font-size:30px}.carousel-heading p{margin:4px 0 0;font-size:15px;color:#565c51}
.carousel-controls{display:flex;gap:8px;align-items:center;direction:ltr}.carousel-controls button{background:#fffaf1;border:1px solid #cbbca7;border-radius:100px;min-height:42px;min-width:42px;cursor:pointer;font-size:18px}.carousel-controls .motion-toggle{font-size:14px;padding:8px 15px;direction:rtl}
.carousel-viewport{overflow-x:auto;direction:ltr;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a9b9a0 transparent;padding-bottom:12px}
.carousel-track,.carousel-group{display:flex;gap:20px;width:max-content;direction:ltr}.carousel-group{flex-shrink:0}
.carousel-group .product{width:300px;flex:0 0 300px;direction:rtl;background:#fffaf3;border:1px solid #d8c5ad;border-radius:12px;overflow:hidden;box-shadow:0 6px 15px #65563e0c}
.carousel-group .product button{aspect-ratio:1;border:0}.carousel-group .product img{object-fit:contain}.carousel-group .product figcaption{padding:14px 18px 18px}
.carousel-group .product h4{font-weight:bold}.carousel-group .product p{color:#67604f}
@media(max-width:760px){.about-copy{padding:18px}.category{padding:18px}.kids-category{padding:22px 0 12px}.carousel-heading{padding:0 18px 20px;flex-wrap:wrap;gap:12px}.carousel-group .product{width:250px;flex-basis:250px}.category .carousel-heading h3{font-size:27px}.carousel-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#men{border-top:4px solid #343a3d;background:linear-gradient(125deg,#e5d7c5,#f5eee5 57%,#b2c0c8);padding:28px 0 20px;overflow:hidden}
.men-category .carousel-group .product{border-color:#b9b2a8;border-radius:5px;background:#f7f3ec}
.men-category .carousel-controls button{border-color:#9ca7ab;background:#f8f5ef}
.category-links a:first-child img{object-fit:contain;background:#e1d3c0;object-position:center}
.category-links a:first-child span{background:#bac9d0}
@media(max-width:760px){#men{padding:22px 0 12px}}
.men-category .carousel-heading,.kids-category .carousel-heading{flex-direction:column;align-items:center;text-align:center;gap:16px}
.men-category .carousel-heading>div:first-child,.kids-category .carousel-heading>div:first-child{width:100%}
.men-category .carousel-heading h3,.kids-category .carousel-heading h3{font-weight:800;text-align:center}
.men-category .carousel-controls,.kids-category .carousel-controls{justify-content:center}
.category-links a[href="#men"] span,.category-links a[href="#kids"] span{text-align:center;font-weight:800}
.intro>p.hero-subtitle{font-size:clamp(18px,2.5vw,23px);font-weight:600;margin:0 0 6px;max-width:none}
.intro>p.hero-audience{font-size:17px;margin:0 0 28px;max-width:none}
:scope{grid-template-columns:1fr;gap:30px;text-align:center;justify-items:center}
.about-heading{width:100%}
.about-heading>p{font-size:20px;font-weight:800;color:var(--ink);margin:0 0 18px}
:scope h2{display:inline-block;max-width:none;font-size:clamp(36px,5vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1.4;background:linear-gradient(transparent 71%,#bdcfda 71%,#bdcfda 92%,transparent 92%);padding:0 10px}
.about-heading:after{margin:22px auto 0;background:#8b765a;width:72px}
.about-copy{max-width:780px;width:100%;text-align:center;border-inline-start:0;border-top:2px solid #c4b194}
.about-copy p{margin-inline:auto}.about-copy .values{font-weight:800}
@media(max-width:760px){:scope{gap:25px}.about-heading>p{font-size:19px}:scope h2{font-size:clamp(32px,8vw,45px)}.intro>p.hero-audience{font-size:16px}}

/* Approved September 22: only Hebrew hero copy and company profile.
   EVERYDAY, original logo geometry, background and product galleries stay intact. */
@font-face{font-family:Skill Heebo;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/heebo-400.ttf') format('truetype')}
@font-face{font-family:Skill Heebo;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/heebo-600.ttf') format('truetype')}
@font-face{font-family:Skill Heebo;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/heebo-700.ttf') format('truetype')}
@font-face{font-family:Skill Heebo;font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/heebo-800.ttf') format('truetype')}
.intro h1,.intro .hero-subtitle,.intro .hero-audience,:scope{font-family:Skill Heebo,Arial,sans-serif}
.intro h1{font-weight:800;letter-spacing:-.025em}
.intro>p.hero-subtitle{color:#61715e;font-weight:700;line-height:1.55;text-decoration:underline;text-decoration-color:#c9e6f4;text-decoration-thickness:.3em;text-underline-offset:-.05em;text-decoration-skip-ink:none;margin-bottom:20px}
:scope{background:#f5f4f0;color:#283033;padding:72px 64px 70px;gap:34px}
.about-heading>p{font-size:23px;font-weight:700;margin:0 0 22px;color:#283033}
:scope h2{background:none;padding:0 8px 3px;border-bottom:5px solid #f3dc97;font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.25;letter-spacing:-.03em;max-width:100%}
.about-heading>p.about-experience{font-size:clamp(20px,2.6vw,29px);font-weight:700;color:#46758a;line-height:1.5;margin:12px auto 0;max-width:900px}
.about-heading:after{background:#d7e5ea;width:118px;height:2px;margin:28px auto 0}
.about-copy{background:none;border:0;border-radius:0;padding:0;max-width:940px}
.about-copy p{font-size:21px;font-weight:400;line-height:1.9;max-width:900px;margin:0 auto 25px}
.about-copy .values{font-size:25px;font-weight:800;margin-top:36px;margin-bottom:8px}
.about-copy .about-tagline{font-size:21px;color:#394247;margin-bottom:0}
@media(max-width:760px){
 :scope{padding:48px 24px 46px;gap:26px}
 .about-heading>p{font-size:20px;margin-bottom:20px}
 :scope h2{font-size:clamp(30px,7.3vw,45px);border-bottom-width:4px;padding-inline:3px}
 .about-heading>p.about-experience{font-size:clamp(18px,3.4vw,24px);margin-top:14px;max-width:540px}
 .about-heading:after{margin-top:24px;width:90px}
 .about-copy p{font-size:18px;line-height:1.85;margin-bottom:22px}
 .about-copy .values{font-size:21px;margin-top:30px;margin-bottom:8px}
 .about-copy .about-tagline{font-size:18px}
}

/* Visual Master Book, 23 September 2026: responsive textile layers.
   Palette sampled visually from the approved reference, pending supplied logo. */
:root{--ink:#191917;--paper:#faf6ef;--muted:#655f57;--line:#ded2be;--gold:#b58a42;--sky:#c6d8e4;--rose:#e7c4bb;--butter:#f3dca2;--sage:#bac4b2}
body{background:#eee8df;font-family:Skill Heebo,Arial,sans-serif;color:var(--ink)}
.card{background:var(--paper);box-shadow:0 15px 65px #493b2512}
header{background:#faf6ef;border-bottom:1px solid #d4bc8d66}
.hero,:scope{position:relative;isolation:isolate;overflow:hidden;background:#faf6ef}
.textile-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.textile-art i{position:absolute;display:block;background-image:url('assets/textile-reference.png');background-repeat:no-repeat;box-shadow:inset 0 0 25px #ffffff40,0 12px 40px #453a2410}
.textile-art .fold-blue{width:36%;height:90%;right:-15%;top:-12%;border-radius:0 0 0 90%;transform:rotate(-16deg);background-size:440% 510%;background-position:2% 56%;border-left:1px solid var(--gold)}
.textile-art .fold-cream{width:52%;height:38%;right:-19%;top:-9%;border-radius:0 0 65% 70%;transform:rotate(33deg);background-size:160% 270%;background-position:90% 0;border-bottom:1px solid var(--gold)}
.textile-art .fold-sage{width:35%;height:57%;left:-19%;bottom:-20%;border-radius:80% 90% 0 0;transform:rotate(-38deg);background-size:450% 510%;background-position:34% 56%;border-right:1px solid var(--gold)}
.textile-art .fold-rib{width:27%;height:63%;left:-16%;top:30%;border-radius:0 85% 60% 0;background:repeating-linear-gradient(90deg,#ded0bf 0,#f8f0e6 4px,#fffcf6 7px,#e5d8c8 10px);border-right:2px solid var(--gold);transform:rotate(-13deg)}
.textile-art .fold-butter{width:26%;height:46%;right:-14%;bottom:-11%;border-radius:90% 0 0 0;transform:rotate(17deg);background-size:440% 510%;background-position:100% 56%}
.intro{min-height:640px;padding:66px 100px 64px}
.eyebrow{font-size:18px;margin-bottom:20px}
.everyday{font-weight:400;font-size:clamp(44px,6.5vw,78px);letter-spacing:-.04em}
.hero-logo{margin:14px 0 24px;width:clamp(185px,23vw,260px)}
.intro h1{font-size:clamp(26px,3vw,35px);letter-spacing:-.025em}
.intro>p.hero-subtitle{color:var(--ink);font-weight:400;text-decoration:none;font-size:22px;margin-bottom:0}
.intro>p.hero-audience{font-size:20px;margin-bottom:28px}
.primary,.contact-action .contact-button{color:#211a10;background:linear-gradient(120deg,#f7dfa1,#d7aa61);border:1px solid #d8b571;border-radius:6px;box-shadow:0 5px 16px #aa7d3210;font-weight:700;font-size:18px;min-height:54px;justify-content:center;padding:12px 32px}
.primary:hover,.contact-action .contact-button:hover{background:linear-gradient(120deg,#efd18e,#c99a52);border-color:#ba8d45}
a:focus-visible,button:focus-visible{outline-color:#795b2b}
:scope{padding:55px 90px 66px;border-top:5px solid #fffaf5;gap:25px}
:scope .fold-blue{top:auto;bottom:-20%;height:65%;right:-20%;width:38%;transform:rotate(28deg);border-radius:85% 0 0 0}
:scope .fold-cream{display:none}
:scope .fold-sage{background-position:66% 56%;width:37%;height:85%;left:-23%;bottom:-12%;transform:rotate(-27deg);border-radius:0 90% 0 0}
:scope .fold-rib{width:28%;height:75%;left:-20%;top:0;transform:rotate(-20deg);background:transparent;border-right:2px solid var(--gold)}
:scope .fold-butter{display:none}
.about-heading>p{font-size:20px;font-weight:400;margin-bottom:12px;color:var(--ink)}
:scope h2{font-size:clamp(30px,4vw,43px);background:none;border:0;font-weight:700;padding:0}
.about-heading>p.about-experience{color:var(--muted);font-size:20px;font-weight:400;margin-top:12px}
.about-heading:after{width:90px;height:2px;background:var(--gold);margin:20px auto 0}
.about-copy{max-width:720px;background:#fffaf4e8;border:1px solid #ffffffbd;border-radius:20px;padding:30px 44px;box-shadow:0 3px 22px #75644c13}
.about-copy p{font-size:19px;line-height:1.8;margin-bottom:20px}
.about-copy .values{font-size:23px;margin-top:25px}
.about-copy .about-tagline{font-size:19px;color:var(--ink)}
.section{background:#faf6ef;border-top:1px solid #dfd3c0;padding:50px 48px 65px}
.section-head h2{font-weight:700}.section-head p,.carousel-heading p{color:var(--muted)}
.category-links{gap:18px}.category-links a{border:1px solid #d5bd9180;border-radius:12px;background:#fffaf5}
.category-links a span,.category-links a:first-child span,.category-links a[href="#women"] span{background:transparent;text-align:center}
.category-links a[href="#men"]{background:linear-gradient(135deg,#dbe5e9,#f9f5ec 70%,#d3dbc9)}
.category-links a[href="#women"]{background:linear-gradient(135deg,#edd3cb,#fcf7ef 70%,#e1eaf0)}
.category-links a[href="#kids"]{background:linear-gradient(135deg,#f4e3b7,#fcf7ef 70%,#dce6dd)}
#men,#women,#kids{position:relative;isolation:isolate;border:1px solid #d4bd91;border-top-width:1px;border-radius:20px;padding:28px 0 20px;overflow:hidden;box-shadow:0 8px 28px #76604408}
#men{--accent:var(--sky);background:linear-gradient(120deg,#d5e1e7,#faf6ef 52%,#d8dfd0)}
#women{--accent:var(--rose);background:linear-gradient(120deg,#ecd1c9,#faf6ef 52%,#e2ebef)}
#kids{--accent:var(--butter);background:linear-gradient(120deg,#f6e5b8,#faf6ef 52%,#dce5d9)}
.category:before{content:'';position:absolute;z-index:-1;width:230px;height:230px;border:1px solid #bc9556;border-radius:50%;top:-150px;right:-70px;box-shadow:0 0 0 18px #ffffff30,0 0 0 35px #ffffff20}
.carousel-group .product,.men-category .carousel-group .product,.women-category .carousel-group .product{border:1px solid #d8c5a4;border-radius:12px;background:#fffaf3;box-shadow:0 6px 15px #65563e0c}
.carousel-group .product figcaption{border-top:1px solid #ddcba850}
.carousel-controls button,.men-category .carousel-controls button{border-color:#c5a56f;background:#fffaf2;min-height:44px;min-width:44px}
.carousel-controls button:hover{background:#f3e5c8}
.carousel-viewport{scrollbar-color:#b79867 transparent}
.contact-action,footer{background:#faf6ef;border-color:#e0d3be}
dialog{background:#fffaf4;border:1px solid #c6aa7c;border-radius:14px}dialog::backdrop{background:#262016bf}
@media(max-width:760px){
 header{padding:16px 20px}header nav{gap:18px}
 .intro{min-height:570px;padding:48px 24px 50px}.eyebrow{font-size:16px}.everyday{font-size:clamp(42px,10vw,68px)}
 .intro h1{font-size:26px}.intro>p.hero-subtitle{font-size:20px}.intro>p.hero-audience{font-size:18px}
 .hero-logo{width:205px}.textile-art .fold-blue{right:-25%;width:43%}.textile-art .fold-cream{right:-28%;width:58%;height:26%}
 .textile-art .fold-rib{left:-23%;width:30%;height:58%;top:35%}.textile-art .fold-sage{left:-30%;width:47%;height:35%;bottom:-15%}.textile-art .fold-butter{right:-23%;width:35%;height:34%}
 :scope{padding:38px 20px 42px;gap:22px}:scope h2{font-size:33px}.about-heading>p.about-experience{font-size:18px}
 .about-copy{padding:25px 23px;border-radius:16px}.about-copy p{font-size:18px;line-height:1.8}.about-copy .values{font-size:21px}.about-copy .about-tagline{font-size:18px}
 :scope .fold-sage{left:-30%;width:40%}:scope .fold-blue{right:-30%;width:42%}
 .section{padding:38px 18px 44px}.category-links{gap:9px}.category-links span{font-size:21px;padding:12px 6px}
 #men,#women,#kids{padding:24px 0 14px;border-radius:16px}.contact-action .contact-button{font-size:20px}
}
@media(max-width:380px){header nav{gap:12px}header nav a{font-size:14px}.intro h1{font-size:24px}.category-links span{font-size:19px}}

/* FINAL Locked Master: decorative raster only; all copy, logo and controls are live HTML. */
.card{position:relative;max-width:1024px;margin:0 auto;box-shadow:none}
header{position:absolute;inset:0 0 auto;z-index:2;justify-content:center;padding:26px 24px;background:transparent;border:0;height:84px}
header .wordmark,header .brand-name{display:none}
header nav{gap:76px;transform:translateX(-100px)}
header nav a{font:18px/1.5 Arial,sans-serif}
.hero,:scope{font-family:Arial,sans-serif;background-image:url('assets/reference-locked-master-background.png');background-repeat:no-repeat;background-size:1024px 1536px;background-color:#f8f2ec}
.hero{background-position:center top}
.textile-art{display:none}
.intro{min-height:664px;padding:130px 70px 66px;justify-content:flex-start;font-family:Arial,sans-serif}
.intro .eyebrow{font:22px/1.4 Arial,sans-serif;letter-spacing:0;margin:0 0 18px}
.everyday{font:400 64px/1.08 Arial,sans-serif;letter-spacing:-1px}
.hero-logo{width:232px;height:110px;object-fit:contain;display:block;margin:12px 0 18px;mix-blend-mode:multiply}
.intro h1{font:700 34px/1.35 Arial,sans-serif;letter-spacing:-.5px;margin:0 0 15px}
.intro>p.hero-subtitle,.intro>p.hero-audience{font:400 23px/1.45 Arial,sans-serif;color:#141412;text-decoration:none;margin:0;max-width:none}
.intro>p.hero-audience{margin:0 0 27px}
.intro .primary{width:310px;min-height:66px;font:700 23px/1.3 Arial,sans-serif;border:0;border-radius:6px;padding:16px 35px;justify-content:space-between;box-shadow:none}
:scope{background-position:center -664px;min-height:664px;padding:31px 50px 25px;border:0;gap:10px;display:flex;align-items:center;flex-direction:column}
.about-heading>p{font:400 21px/1.4 Arial,sans-serif;margin:0 0 17px;color:#141412}
:scope h2{font:700 36px/1.25 Arial,sans-serif;letter-spacing:-.5px;padding:0;border:0;background:none;margin:0}
.about-heading .about-experience{display:none}
.about-heading:after{width:108px;height:2px;background:#d5a44b;margin:16px auto 0}
.about-copy{width:410px;max-width:100%;min-height:495px;padding:22px 28px 20px;border:1px solid #f8eee6;border-radius:20px;background:#fffaf5e8;box-shadow:0 0 12px #79685815;margin-top:0}
.about-copy p{font:400 20px/1.4 Arial,sans-serif;max-width:none;margin:0 0 20px;color:#141412}
.about-copy p:last-child{margin-bottom:0}
.about-copy .values{font:700 23px/1.4 Arial,sans-serif;margin:22px 0 12px}
.about-copy .about-tagline{font:400 20px/1.4 Arial,sans-serif;color:#141412}
@media(min-width:761px) and (max-width:1023px){
 .hero,:scope{background-size:100vw 150vw}
 .hero{min-height:64.84375vw}.intro{min-height:64.84375vw;padding-top:12.7vw;padding-bottom:6vw}
 :scope{background-position:center -64.84375vw}
}
@media(max-width:760px){
 header{height:68px;padding:18px 20px}header nav{gap:50px;transform:none}header nav a{font-size:16px}
 .hero{background-size:964px 1446px;background-position:center top}
 /* Keep the source's left/right fabric edges visible without stretching.
    Each edge uses the same proportional scale as the central background. */
 .hero:before,.hero:after,:scope:before,:scope:after{content:'';position:absolute;top:0;bottom:0;width:28%;z-index:-1;pointer-events:none;background-image:url('assets/reference-locked-master-background.png');background-repeat:no-repeat;background-size:964px 1446px}
 .hero:before,:scope:before{left:0;background-position:left top;mask-image:linear-gradient(to right,#000 65%,transparent)}
 .hero:after,:scope:after{right:0;background-position:right top;mask-image:linear-gradient(to left,#000 65%,transparent)}
 .intro{padding:112px 20px 45px;min-height:625px}
 .intro .eyebrow{font-size:18px;margin-bottom:19px}
 .everyday{font-size:clamp(40px,10.7vw,60px);letter-spacing:-1px}
 .hero-logo{width:210px;height:auto;margin:15px 0 25px}
 .intro h1{font-size:clamp(23px,6.1vw,30px);letter-spacing:-.5px;margin-bottom:15px}
 .intro>p.hero-subtitle,.intro>p.hero-audience{font-size:20px;line-height:1.45}
 .intro>p.hero-audience{margin-bottom:28px}
 .intro .primary{max-width:100%;width:285px;min-height:60px;font-size:21px;padding:15px 30px}
 :scope{background-size:964px 1446px;background-position:center -625px;padding:34px 22px 35px;min-height:0;gap:14px;border-top:4px solid #fffaf5}
 :scope:before{background-position:left -625px}:scope:after{background-position:right -625px}
 .about-heading>p{font-size:19px;margin-bottom:16px}:scope h2{font-size:32px}
 .about-copy{width:410px;padding:25px 23px;border-radius:18px}
 .about-copy p,.about-copy .about-tagline{font-size:18px;line-height:1.5}.about-copy .values{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* User-requested typography and layout refinement, 23 September. */
@font-face{font-family:Skill Hebrew Editorial;src:url('assets/fonts/frank-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Skill Hebrew Editorial;src:url('assets/fonts/frank-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Skill Hebrew Editorial;src:url('assets/fonts/frank-600.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:Skill Assistant;src:url('assets/fonts/assistant-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Skill Assistant;src:url('assets/fonts/assistant-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Skill Assistant;src:url('assets/fonts/assistant-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Skill Assistant;src:url('assets/fonts/assistant-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Skill Editorial;src:url('assets/fonts/cormorant-garamond-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body,button,.hero,:scope,.intro,.intro .eyebrow,.intro h1,.intro>p.hero-subtitle,.intro>p.hero-audience,.intro .primary,header nav a,.about-heading>p,:scope h2,.about-copy p,.about-copy .values,.about-copy .about-tagline{font-family:Skill Hebrew Editorial,Georgia,serif}
header{justify-content:space-between;padding:22px 44px;height:88px;gap:24px;mix-blend-mode:multiply}
header .wordmark{display:block;width:74px;height:auto;flex-shrink:0;mix-blend-mode:multiply}
header nav{margin-inline-start:auto;transform:none;gap:34px}
header nav a{font-size:18px;font-weight:500;white-space:nowrap}
.header-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;transform:translateX(9px)}
header .header-brand .wordmark{width:64px}
header .header-brand .brand-name{display:block;white-space:nowrap;font-family:Skill Hebrew Editorial,Georgia,serif;font-size:13px;line-height:1.2;font-weight:400;color:var(--ink)}
header nav{align-self:center}
.everyday{font-family:Skill Editorial,Georgia,serif;font-weight:400;font-size:62px;letter-spacing:.09em;line-height:1.05}
.intro h1{font-family:Skill Assistant,Arial,sans-serif;font-weight:600;letter-spacing:0;font-size:34px;line-height:1.45;white-space:nowrap;text-decoration-line:underline;text-decoration-color:#bd944e;text-decoration-thickness:1.5px;text-underline-offset:9px;text-decoration-skip-ink:none;margin-bottom:23px}
.intro .eyebrow{font-weight:400}.intro>p.hero-subtitle,.intro>p.hero-audience{font-weight:400}
.intro .primary{position:relative;justify-content:center;text-align:center;gap:0;padding-inline:45px;font-size:23px;font-weight:600}
.intro .primary span{position:absolute;left:26px;top:50%;transform:translateY(-50%);font-size:23px}
:scope{height:auto;min-height:664px;padding:35px 30px 44px;gap:20px;background-size:auto 231.3253%;background-position:center 76.1468%}
:scope:before{background-size:auto 231.3253%;background-position:left 76.1468%}
:scope:after{background-size:auto 231.3253%;background-position:right 76.1468%}
.about-heading{max-width:100%;min-width:0}:scope h2{font-weight:600;letter-spacing:0;font-size:38px}
.about-copy{box-sizing:border-box;width:min(100%,480px);max-width:100%;min-width:0;min-height:0;flex-shrink:0;margin:0 auto;padding:30px 34px;border-radius:20px;text-align:center;overflow-wrap:break-word}
.about-copy p{font-size:21px;line-height:1.65;font-weight:400;margin:0 0 21px;text-align:center;text-wrap:pretty}
.about-copy strong{font-weight:600}
.about-copy .values{font-size:24px;line-height:1.5;font-weight:600;margin:26px 0 17px;display:flex;justify-content:center;flex-wrap:wrap;gap:5px 16px}
.about-copy .about-tagline{font-size:21px;line-height:1.6;margin:0;font-weight:400}
.section-head h2,.category .carousel-heading h3{font-weight:600}
.category-links a span,.category-links a[href="#men"] span,.category-links a[href="#women"] span,.category-links a[href="#kids"] span{font-weight:600}
.carousel-group .product h4{font-weight:600}
@media(max-width:760px){
 header{height:76px;padding:16px 22px;gap:20px}header .wordmark{width:61px}header nav{gap:22px}header nav a{font-size:16px}
 header .header-brand .wordmark{width:52px}header .header-brand .brand-name{font-size:11px}.header-brand{gap:3px}
 .everyday{font-size:clamp(39px,9.8vw,62px);letter-spacing:.09em}
 .intro h1{font-size:clamp(21px,5.7vw,32px);text-underline-offset:8px;margin-bottom:23px}.intro .primary{font-size:22px;padding-inline:40px}
 :scope{padding:34px 20px 38px;gap:20px;min-height:0}
 :scope h2{font-size:34px}.about-copy{width:min(100%,480px);padding:26px 23px;border-radius:18px}
 .about-copy p,.about-copy .about-tagline{font-size:20px;line-height:1.65}.about-copy .values{font-size:22px;gap:5px 12px}
}
@media(max-width:380px){header{padding-inline:16px;gap:14px}header .wordmark{width:54px}header nav{gap:15px}header nav a{font-size:15px}:scope{padding-inline:16px}.about-copy{padding:25px 20px}}

/* Selected hierarchy 1: brand-led, with the lower copy and CTA eased down. */
.intro{min-height:665px;padding-top:112px;padding-bottom:48px}
.hero{background-size:auto 231.3253%;background-position:center top}
.hero:before,.hero:after{background-size:auto 231.3253%}
.everyday{font-size:35px;letter-spacing:.17em;line-height:1.2}
.hero-logo{width:250px;height:auto;max-width:80%;margin:14px 0 41px}
.intro h1{font-family:Skill Assistant,Arial,sans-serif;font-weight:600;white-space:nowrap;font-size:clamp(20px,5.5vw,28px);margin-bottom:24px}
.intro>p.hero-subtitle{font-size:19px;margin-top:18px}
.intro>p.hero-audience{font-size:16px;margin-bottom:44px}
@media(min-width:761px){.intro{padding-top:120px}.hero-logo{width:280px}.everyday{font-size:40px}}
/* Approved opening stays intact. From About onward use the headline's Hebrew typeface. */
:scope,:scope .about-heading>p,:scope h2,:scope .about-copy p,
:scope .about-copy .values,:scope .about-copy .about-tagline,
.section,.section button,.contact-action,.contact-action a,
footer,dialog,dialog button{font-family:Skill Assistant,Arial,sans-serif}
/* One restrained gold panel echoes the CTA, while remaining non-interactive text. */
.about-copy strong{text-decoration:none}
.about-copy .values{background:linear-gradient(120deg,#f7dfa1,#d7aa61);color:#211a10;border:1px solid #d8b571;border-radius:6px;padding:12px 14px;margin:26px auto 20px;width:fit-content;max-width:100%;gap:5px 16px;box-shadow:0 5px 16px #aa7d3210}
.about-copy .values span{padding:0}
/* Refined opening and company-approved copy, 23 September. */
.hero-logo{margin-bottom:34px}
.intro h1{font-size:clamp(21px,6.15vw,31px);margin-bottom:0}
.intro>p.hero-subtitle{font-size:20px;margin-top:32px}
.intro>p.hero-audience{font-size:16px;color:#58534d;margin-top:5px;margin-bottom:34px}
header .header-brand .brand-name{font-size:14px}
.about-copy p{margin-bottom:23px}
.about-copy .values{border-radius:2px;box-shadow:none;padding:8px 16px;font-size:22px;gap:5px 12px}
.about-copy .about-tagline{font-size:22px;line-height:1.5;font-weight:500;margin:0}
.about-signature{display:block;width:104px;height:auto;margin:23px auto 0;opacity:.17;mix-blend-mode:multiply;pointer-events:none}
@media(max-width:760px){header .header-brand .brand-name{font-size:12px}.about-copy .values{font-size:20px;gap:5px 9px}.about-copy .about-tagline{font-size:21px}}
/* Editorial hierarchy: title, company lead, supporting detail, values, signature. */
.intro .primary{font-family:Skill Assistant,Arial,sans-serif;font-weight:600}
.intro>p.hero-audience{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;margin-bottom:27px;font-family:Skill Assistant,Arial,sans-serif;font-size:17px;font-weight:500;color:#39332b;line-height:1.4}
.hero-audience a{color:inherit;text-decoration:none;display:block;padding:3px 9px 5px;border-bottom:1px solid #bd944e;background:linear-gradient(to top,#e5c68122,transparent);border-radius:3px 3px 0 0}
:scope .about-heading>p{font-size:17px;font-weight:400;margin-bottom:8px}
:scope h2{font-size:38px;line-height:1.2}
.about-copy{width:min(100%,540px);padding:30px 28px 25px}
:scope .about-copy p{font-size:18px;line-height:1.55;text-wrap:balance;margin:0}
.about-copy .copy-line{display:block}
.about-copy .company-name{display:block;font-size:25px;line-height:1.3;font-weight:600;margin-bottom:12px}
:scope .about-copy .company-promise{margin-top:25px}
.about-copy .promise-lead{display:block;font-size:16px;color:#61594f;margin-bottom:3px}
.about-copy .promise-focus{display:block;font-size:22px;font-weight:600;line-height:1.4;margin-bottom:9px;text-wrap:balance}
.about-copy .promise-detail{display:block;font-size:17px;line-height:1.6;color:#49433d;text-wrap:balance}
:scope .about-copy .company-range{margin-top:24px;font-size:17px;line-height:1.55}
.about-copy .range-audience{display:block;font-size:19px;font-weight:500;margin-top:3px}
:scope .about-copy .values{font-size:22px;line-height:1.4;margin:24px auto 20px}
:scope .about-copy .about-tagline{font-size:21px;font-weight:500;line-height:1.4;margin:0}
.about-signature{width:94px;margin-top:17px}
:scope .about-heading>p.about-heading-continuation{font-size:21px;line-height:1.4;font-weight:400;margin:7px 0 0}
.about-heading:after{margin-top:12px}
:scope .about-copy .company-promise{margin-top:20px}
:scope .about-copy .company-range{margin-top:20px}
:scope .about-copy .values{margin:20px auto 0}
.about-signature{width:82px;margin-top:17px}
@media(max-width:480px){
 :scope h2{font-size:33px}
 .about-copy{padding:26px 18px 23px}
 :scope .about-copy p{font-size:17px}
 .about-copy .company-name{font-size:23px}
 .about-copy .promise-focus{font-size:20px}
 .about-copy .promise-detail,:scope .about-copy .company-range{font-size:16px}
 :scope .about-copy .values{font-size:20px;padding:8px 12px}
 :scope .about-copy .about-tagline{font-size:20px}
}

.hero-audience a:hover{background:#e5c68140;border-bottom-color:#886329}
.hero-audience a:focus-visible{outline:2px solid #886329;outline-offset:4px}
header nav a{font-family:Skill Assistant,Arial,sans-serif;font-weight:500}

/* MEN pilot only. Original photo pixels remain intact; each source panel is
   displayed independently. View windows remove the white gutter, never products. */
#men .men-rubric .rubric-collage{position:relative;isolation:isolate;background:var(--paper);overflow:hidden}
#men .rubric-fabric,#men .rubric-gold{position:absolute;display:block;pointer-events:none;z-index:-1}
#men .rubric-fabric-blue{width:64%;height:80%;right:-25%;top:-20%;border-radius:0 0 0 65%;transform:rotate(-18deg);background:linear-gradient(110deg,#c6d8e4,#edf2f2 55%,#aec9d9);box-shadow:-8px 8px 18px #60788218}
#men .rubric-fabric-sage{width:110%;height:35%;left:-24%;bottom:-12%;transform:rotate(14deg);border-radius:50% 50% 0 0;background:repeating-linear-gradient(90deg,#d8dfd0 0,#e9ece1 3px,#cfd8c6 4px,#e4e8db 6px);box-shadow:0 -5px 20px #6974570b}
#men .rubric-gold{width:125%;height:1px;left:-13%;top:14%;background:var(--gold);transform:rotate(-26deg);opacity:.65}
#men .rubric-photo{position:absolute;display:block;overflow:hidden;aspect-ratio:770/1160}
#men .rubric-model{width:51%;left:5%;top:6%}
#men .rubric-package{width:37%;right:4%;bottom:7%}
#men .men-rubric .rubric-photo img{position:absolute;max-width:none;width:207.792208%;height:103.62069%;top:-2.068966%;object-fit:fill;transition:none;transform:none}
#men .rubric-model img{left:-2.987013%}
#men .rubric-package img{left:-105.194805%}
#men .men-rubric h4{text-align:center}
#men[data-paused="true"] .carousel-viewport{scroll-snap-type:x mandatory}
#men .carousel-group>.product{scroll-snap-align:start}
/* Source photographs are contained intact as individually responsive layers. */
#men .rubric-item{position:absolute;display:flex;align-items:center;justify-content:center;overflow:visible}
#men .men-rubric .rubric-item img{width:100%;height:100%;object-fit:contain;transform:none;transition:none;filter:drop-shadow(0 4px 5px #39342b14)}
#men .composition-2 .item-1{left:4%;top:5%;width:49%;height:81%}
#men .composition-2 .item-2{right:4%;bottom:6%;width:40%;height:67%}
#men .composition-2.composition-wide .item-1{left:4%;top:5%;width:73%;height:49%}
#men .composition-2.composition-wide .item-2{right:4%;bottom:4%;width:58%;height:40%}
#men .composition-3 .item-1{left:4%;top:6%;width:49%;height:84%}
#men .composition-3 .item-2{right:4%;top:4%;width:39%;height:42%}
#men .composition-3 .item-3{right:4%;bottom:5%;width:39%;height:42%}
#men .theme-1 .rubric-fabric-blue{right:auto;left:-26%;top:-28%;transform:rotate(16deg);border-radius:0 0 65% 0}
#men .theme-1 .rubric-fabric-sage{left:20%;transform:rotate(-14deg);bottom:-16%}
#men .theme-1 .rubric-gold{top:83%;transform:rotate(18deg)}
#men .theme-2 .rubric-fabric-blue{top:45%;right:-35%;transform:rotate(24deg)}
#men .theme-2 .rubric-fabric-sage{bottom:80%;left:-10%;transform:rotate(-12deg)}
#men .theme-2 .rubric-gold{top:13%;transform:rotate(14deg)}
#men .men-rubric figcaption{flex:1;display:flex;align-items:center;justify-content:center}
#men .men-rubric{display:flex;flex-direction:column}
#men .men-rubric .rubric-collage{flex-shrink:0}
#gallery .rubric-gallery{display:none}
#gallery.men-gallery #gallery-image{display:none}
#gallery.men-gallery .rubric-gallery{display:flex;flex-direction:column;gap:18px}
#gallery.men-gallery .rubric-gallery img{width:100%;height:auto;max-height:none;object-fit:contain}

}

/* Home graphic only; current text hierarchy and spacing stay intact. */
.hero{background:#f8f2ec!important;position:relative!important;isolation:isolate;overflow:hidden;display:grid!important;grid-template-columns:1fr!important;aspect-ratio:1024/664;align-items:center}
.hero .hero-reference-fabric{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.hero .intro{position:relative;z-index:1}
.hero .hero-artwork{display:none!important}
.hero:before,.hero:after{background-image:none!important}
@media(max-width:760px){.hero{display:block!important;aspect-ratio:auto}}
@media(min-width:761px){
 .hero .intro{padding:24px 32px!important}
 .hero .everyday{font-size:16px;margin-bottom:12px}
 .hero .hero-logo{width:clamp(168px,17vw,210px);margin-bottom:24px}
 .hero .intro h1{font-size:clamp(42px,4.4vw,56px)!important;line-height:1.12!important}
 .hero .intro>p.hero-subtitle{font-size:clamp(22px,2.2vw,27px);margin-top:18px}
 .hero .intro>p.hero-audience{font-size:21px;gap:30px;margin:16px 0 22px}
 .hero .intro .primary{font-size:23px;min-height:54px;padding:12px 32px}
}
@media(min-width:761px) and (max-width:1000px){.hero{aspect-ratio:auto;min-height:540px!important}}