/* Donna Italia · Elementor Widgets · generated from site/assets/css by _dev/build_plugin.py. Do not edit by hand. */

/* ── Elementor integration ── */
.elementor-element[class*="elementor-widget-di-"]{inline-size:100%}
.elementor-widget[class*="elementor-widget-di-"]>.elementor-widget-container{margin:0;padding:0}
.e-con:has(> .elementor-widget[class*="elementor-widget-di-"]),
.e-con:has(> .e-con-inner > .elementor-widget[class*="elementor-widget-di-"]){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%;--margin-top:0px;--margin-bottom:0px}
body:has(.di-w){background-color:#15120F;margin:0}
.di-w{display:block}

/* ── Armour against the theme (Hello paints every h2/p/a/button): inherit first, two classes beat .elementor-kit-N, :where keeps (0,2,0) ── */
.di-w.di-w :where(*){color:inherit;font-family:inherit;letter-spacing:inherit;text-transform:none;box-sizing:border-box}
.di-w.di-w{color:#F3EDE4;font-family:'DI Heebo',system-ui,sans-serif;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.6;text-align:start;letter-spacing:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.di-w.di-w :where(a,button){-webkit-tap-highlight-color:transparent}
.di-w.di-w :where(button,[type=button],[type=submit]){background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:inherit;white-space:normal;box-shadow:none;border-radius:0;text-transform:none;letter-spacing:inherit;cursor:pointer}
.di-w.di-w :where(h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}
.di-w.di-w :where(h1,h2,h3,h4,h5,h6){font-weight:bold;line-height:inherit;font-size:inherit}
.di-w.di-w :where(b,strong){font-weight:bold}
.di-w.di-w :where(ul,ol){margin:0;padding:0}
.di-w.di-w :where(ul,ol){list-style:none}
.di-w.di-w :where(img,video,svg){max-width:100%;border:0;border-radius:0;box-shadow:none;height:auto}
.di-w.di-w :where(a){text-decoration:none;color:inherit}
.di-w.di-w :where(input,select,textarea){font:inherit;color:inherit;border-radius:0;box-shadow:none}
/* fonts */
@font-face{font-family:'DI Heebo';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/heebo-var-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'DI Heebo';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/heebo-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'DI Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'DI Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* tokens */
.di-w{--basil: #00853F;
  --tomato: #EE3123;
  --ink: #231F20;
  
  --slate: #15120F;          
  --slate-2: #1D1814;        
  --slate-3: #27211B;        
  --slate-4: #342B24;        
  --red-room: #9E1C15;       
  --red-room-2: #6E130F;
  --paper: #F4EEE4;          
  --paper-2: #EAE2D5;
  
  --cream: #F3EDE4;          
  --cream-soft: #BDB2A4;     
  --cream-dim: #8E8478;      
  --ink-soft: #5B5450;       
  
  --red-btn: #D7281A;        
  --red-text: #FF6A5C;       
  --green-text: #4FC37F;     
  --green-ink: #006B33;      
  --ember: #F2A36B;

  
  --ground: var(--slate);
  --on-ground: var(--cream);
  --on-ground-soft: var(--cream-soft);
  --on-ground-dim: var(--cream-dim);
  --on-ground-accent: var(--red-text);
  --on-ground-green: var(--green-text);
  --on-ground-line: rgba(243, 237, 228, .14);
  --surface: var(--slate-3);
  --on-surface: var(--cream);

  
  --f-display: 'DI Heebo', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --f-body: 'DI Heebo', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --f-mono: 'DI Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --fs-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
  --fs-lead: clamp(1.1rem, 1rem + .5vw, 1.35rem);
  --fs-small: .9375rem;
  --fs-label: .75rem;
  --fs-h3: clamp(1.3rem, 1.05rem + 1vw, 1.8rem);
  --fs-h2: clamp(2.4rem, 1.4rem + 4vw, 5.4rem);
  --fs-hero-big: clamp(3.4rem, 1.6rem + 9vw, 10.5rem);
  --fs-mega: clamp(3.6rem, 2rem + 8vw, 10rem);

  
  --max: 1360px;
  --gutter: clamp(20px, 4vw, 56px);
  --sec: clamp(96px, 12vw, 190px);
  --hdr-h: 84px;
  --r: 6px;
  --r-pill: 999px;

  
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --t-ui: 180ms;

  
  --z-hdr: 50;
  --z-dock: 60;
  --z-menu: 70;
  --z-intro: 90;}
.di-w [data-tone="slate2"]{--ground: var(--slate-2); --surface: var(--slate-4);}
.di-w [data-tone="red"]{--ground: var(--red-room);
  --on-ground: #FFF4EE;
  --on-ground-soft: #F7D3CC;
  --on-ground-dim: #E9AFA6;
  --on-ground-accent: #FFD9A8;
  --on-ground-green: #FFF4EE;
  --on-ground-line: rgba(255, 244, 238, .22);
  --surface: var(--red-room-2);}
.di-w [data-tone="paper"]{--ground: var(--paper);
  --on-ground: var(--ink);
  --on-ground-soft: var(--ink-soft);
  --on-ground-dim: #857B72;
  --on-ground-accent: #C42519;
  --on-ground-green: var(--green-ink);
  --on-ground-line: rgba(35, 31, 32, .14);
  --surface: #FFFFFF;
  --on-surface: var(--ink);}
/* base */
.di-w :where(*,*::before,*::after){box-sizing: border-box;}
.di-w :where(h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd){margin: 0;}
.di-w :where(ul,ol){padding: 0; list-style: none;}
.di-w :where(img,video,svg,picture){display: block; max-width: 100%;}
.di-w :where(button,input,select,textarea){font: inherit; color: inherit;}
.di-w :where(button){cursor: pointer; background: none; border: 0; padding: 0;}
.di-w :where(a){color: inherit;}
.di-w.di-w{font-family: var(--f-body);font-size: var(--fs-body);line-height: 1.6;color: var(--cream);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}
html.lenis,html.lenis body{height: auto;}
.lenis.lenis-smooth{scroll-behavior: auto !important;}
.lenis.lenis-stopped{overflow: hidden;}
.di-w .sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.di-w .skip{position: fixed; top: 10px; right: 10px; z-index: 100; background: var(--cream); color: var(--slate); padding: 12px 18px; border-radius: var(--r); transform: translateY(-160%); transition: transform .25s var(--ease-out); text-decoration: none; font-weight: 700;}
.di-w .skip:focus{transform: none;}
.di-w :focus-visible{outline: 3px solid var(--ember); outline-offset: 3px; border-radius: 4px;}
.di-w [data-tone="paper"] :focus-visible{outline-color: var(--red-btn);}
.di-w [dir="ltr"]{unicode-bidi: isolate;}
.di-w .nw{white-space: nowrap;}
.di-w .wrap{width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gutter);}
.di-w .chapter{position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; color: var(--on-ground); padding-block: var(--sec);}
.di-w .chapter > .bg{--fe: 20vh; --ground-a: color-mix(in srgb, var(--ground) 86%, transparent); position: absolute; inset: calc(var(--fe) * -.5) 0; z-index: -1; pointer-events: none;
  background: linear-gradient(var(--ground-a), var(--ground-a)), var(--ground) url(../media/stone.webp) center top / 100% auto repeat-y;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.45) calc(var(--fe) * .5), #000 var(--fe), #000 calc(100% - var(--fe)), rgba(0,0,0,.45) calc(100% - var(--fe) * .5), transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.45) calc(var(--fe) * .5), #000 var(--fe), #000 calc(100% - var(--fe)), rgba(0,0,0,.45) calc(100% - var(--fe) * .5), transparent 100%);}
.di-w [data-tone="red"] > .bg{background: radial-gradient(120% 90% at 50% 0%, rgba(158, 28, 21, .9) 0%, rgba(110, 19, 15, .94) 100%), var(--red-room-2) url(../media/stone.webp) center top / 100% auto repeat-y;}
.di-w [data-tone="paper"] > .bg{--fe: 6vh; background: var(--paper);}
.di-w .chapter > .bg::after{content: ""; position: absolute; inset: 0; background: radial-gradient(55% 45% at var(--gx, 85%) var(--gy, 0%), rgba(242, 163, 107, var(--ga, .11)), transparent 70%);}
.di-w [data-tone="red"] > .bg::after,.di-w [data-tone="paper"] > .bg::after{display: none;}
@supports not (color: color-mix(in srgb, red 50%, transparent)){
.di-w .chapter > .bg{background: var(--ground);}
}
.di-w .ghost{position: absolute; inset-inline-start: -1vw; top: clamp(16px, 3vw, 48px); z-index: -1; font-family: var(--f-display); font-weight: 900; font-size: clamp(6rem, 19vw, 23rem); line-height: 1; letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 1px rgba(243, 237, 228, .09); pointer-events: none; user-select: none; white-space: nowrap; direction: ltr;}
.di-w [data-tone="red"] .ghost{-webkit-text-stroke-width: 0; color: rgba(255, 244, 238, .07);}
.di-w .ghost--hero{top: auto; bottom: 4%; inset-inline-start: auto; inset-inline-end: -1vw; z-index: 0; font-size: clamp(5rem, 15vw, 18rem); -webkit-text-stroke-color: rgba(243, 237, 228, .14); mix-blend-mode: screen;}
.di-w .ghost--head{top: -2vw; font-size: clamp(5rem, 15vw, 17rem);}
.di-w .phead,.di-w .product{position: relative; overflow: hidden; isolation: isolate;}
.di-w .product > .ghost{top: 0;}
@media (max-width: 900px){
.di-w .ghost--hero{display: none;}
.di-w .ghost--head{font-size: 24vw; top: 0;}
}
@media (min-width: 821px) and (pointer: fine){
.di-w .grain{content: ""; position: fixed; inset: 0; z-index: 150; pointer-events: none; opacity: .075; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 240px 240px;}
html.di-static .di-w .grain{display: none;}
}
.di-w .cur{position: fixed; top: 0; left: 0; inline-size: 26px; block-size: 26px; margin: -13px 0 0 -13px; border: 1.5px solid rgba(243, 237, 228, .8); border-radius: 50%; pointer-events: none; z-index: 160; opacity: 0; transition: opacity .35s ease, scale .3s var(--ease-out), border-color .3s ease, background-color .3s ease;}
.di-w .cur.is-on{opacity: 1;}
.di-w .cur.is-link{scale: 2.2; border-color: var(--red-text); background-color: rgba(255, 106, 92, .12);}
@media (pointer: coarse), (prefers-reduced-motion: reduce){
.di-w .cur{display: none;}
}
@media (max-width: 767px){
.di-w .chapter > .bg{--fe: 8vh;}
}
.di-w .h2{font-family: var(--f-display); font-weight: 900; font-size: var(--fs-h2); line-height: .98; letter-spacing: -.028em; text-wrap: balance; max-width: 16ch;}
.di-w .h2 em{font-style: normal; color: var(--on-ground-accent);}
.di-w .h3{font-family: var(--f-display); font-weight: 800; font-size: var(--fs-h3); line-height: 1.1; letter-spacing: -.015em;}
.di-w .lead{font-size: var(--fs-lead); line-height: 1.55; color: var(--on-ground-soft); max-width: 44ch; text-wrap: pretty;}
.di-w .muted{color: var(--on-ground-soft);}
.di-w .eyebrow{display: inline-flex; align-items: center; gap: 12px; margin-block-end: 20px; font-family: var(--f-mono); font-size: var(--fs-label); font-weight: 500; letter-spacing: .3em; text-transform: uppercase; color: var(--on-ground-dim);}
.di-w .eyebrow::before{content: ""; inline-size: 34px; block-size: 1px; background: var(--on-ground-dim);}
.di-w .num{font-family: var(--f-mono); font-variant-numeric: tabular-nums;}
.di-w .tri{display: block; block-size: 3px; inline-size: 100%; background: linear-gradient(to left, var(--basil) 0 33.3%, var(--cream) 33.3% 66.6%, var(--tomato) 66.6%);}
.di-w .btn{--bg: var(--cream); --fg: var(--slate); --bd: transparent;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 14px 28px; border-radius: var(--r-pill);
  background: var(--bg); color: var(--fg); border: 1.5px solid var(--bd); font-weight: 700; font-size: 1.02rem; line-height: 1.2; text-decoration: none; white-space: nowrap;
  transition: transform 160ms var(--ease-out), background-color var(--t-ui) ease, color var(--t-ui) ease, border-color var(--t-ui) ease;}
.di-w .btn:hover{transform: translateY(-1px);}
.di-w .btn:active{transform: scale(.97);}
.di-w .btn--primary{--bg: var(--red-btn); --fg: #FFFFFF;}
.di-w .btn--primary:hover,.di-w .btn--primary:focus-visible{--bg: #C0231A;}
.di-w .btn--ghost{--bg: transparent; --fg: var(--on-ground); --bd: rgba(243, 237, 228, .42);}
.di-w .btn--ghost:hover{--bg: var(--on-ground); --fg: var(--ground); --bd: var(--on-ground);}
.di-w [data-tone="paper"] .btn--ghost{--bd: rgba(35, 31, 32, .4);}
.di-w [data-tone="paper"] .btn--ghost:hover{--fg: var(--paper);}
.di-w .btn--wa{--bg: #128C4B; --fg: #fff;}
.di-w .btn svg{inline-size: 18px; block-size: 18px; flex: none;}
.di-w .btn .arr{transition: transform 200ms var(--ease-out);}
.di-w .btn:hover .arr{transform: translateX(-4px);}
.di-w .hdr{position: fixed; inset-inline: 0; top: 0; z-index: var(--z-hdr); transition: transform .4s var(--ease-out), background-color .3s ease; background: transparent; color: var(--cream);}
.di-w .hdr__in{display: flex; align-items: center; gap: 26px; min-height: var(--hdr-h); padding: 14px var(--gutter);}
.di-w .hdr.is-solid{background: rgba(21, 18, 15, .92);}
.di-w .hdr.is-hidden{transform: translateY(-100%);}
body:has(.di-w.di-catalogp) .di-w .hdr.is-hidden{transform: none;}
.di-w .hdr__logo{flex: none; display: block; inline-size: 118px;}
.di-w .hdr__logo img{inline-size: 100%; block-size: auto;}
.di-w .hdr__nav{display: flex; gap: clamp(16px, 2vw, 32px); margin-inline: auto;}
.di-w .hdr__nav a{text-decoration: none; font-weight: 500; font-size: .92rem; letter-spacing: .04em; padding: 10px 2px; position: relative; opacity: .92;}
.di-w .hdr__nav a::after{content: ""; position: absolute; inset-inline: 0; bottom: 4px; block-size: 2px; background: var(--tomato); transform: scaleX(0); transform-origin: right; transition: transform 240ms var(--ease-out);}
.di-w .hdr__nav a:hover::after,.di-w .hdr__nav a:focus-visible::after,.di-w .hdr__nav a[aria-current]::after{transform: scaleX(1);}
.di-w .hdr__act{display: flex; align-items: center; gap: 10px; flex: none;}
.di-w .hdr__act .btn{min-height: 46px; padding: 10px 20px; font-size: .95rem;}
.di-w .hdr__menu{display: none; inline-size: 48px; block-size: 48px; border-radius: 50%; border: 1.5px solid rgba(243, 237, 228, .35); color: var(--cream); align-items: center; justify-content: center;}
.di-w .hdr__menu span,.di-w .hdr__menu span::before,.di-w .hdr__menu span::after{display: block; inline-size: 18px; block-size: 2px; background: currentColor; border-radius: 2px; position: relative;}
.di-w .hdr__menu span::before,.di-w .hdr__menu span::after{content: ""; position: absolute; inset-inline-start: 0;}
.di-w .hdr__menu span::before{top: -6px;}
.di-w .hdr__menu span::after{top: 6px;}
@media (max-width: 1100px){
.di-w .hdr__nav,.di-w .hdr__act .btn--ghost{display: none;}
.di-w .hdr__menu{display: inline-flex;}
.di-w .hdr__act{margin-inline-start: auto;}
}
@media (max-width: 600px){
.di-w{--hdr-h: 68px;}
.di-w .hdr__in{min-height: 68px; padding: 10px 16px;}
.di-w .hdr__logo{inline-size: 96px;}
.di-w .hdr__act .btn--primary{display: none;}
}
.di-w .menu{position: fixed; inset: 0; z-index: var(--z-menu); background: var(--slate); color: var(--cream); display: flex; flex-direction: column; padding: 96px var(--gutter) 32px; gap: 6px; overflow-y: auto;
  opacity: 0; visibility: hidden; transition: opacity 260ms var(--ease-out), visibility 0s 260ms;}
.di-w .menu.is-open{opacity: 1; visibility: visible; transition: opacity 260ms var(--ease-out);}
.di-w .menu__close{position: absolute; top: 14px; inset-inline-end: 16px; inline-size: 48px; block-size: 48px; border-radius: 50%; border: 1.5px solid rgba(243, 237, 228, .35); font-size: 1.6rem; line-height: 1;}
.di-w .menu a:not(.btn){font-family: var(--f-display); font-weight: 800; font-size: clamp(1.7rem, 7vw, 2.4rem); text-decoration: none; padding-block: 8px; border-bottom: 1px solid var(--on-ground-line);}
.di-w .menu .btn{margin-block-start: 18px;}
.di-w .dock{position: fixed; z-index: var(--z-dock); inset-inline: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); display: none; gap: 8px; padding: 6px; border-radius: var(--r-pill); background: rgba(243, 237, 228, .96); color: var(--slate); box-shadow: 0 10px 40px rgba(0, 0, 0, .45); transition: transform .35s var(--ease-out), opacity .25s;}
.di-w .dock .btn{flex: 1; min-height: 50px; padding: 10px 14px; font-size: .98rem;}
.di-w .dock .btn--wa{flex: 0 0 auto; inline-size: 50px; padding: 0;}
.di-w .dock.is-away{transform: translateY(140%); opacity: 0; pointer-events: none;}
.di-w .dock.has-a11y{inset-inline-start: 76px;}
@media (max-width: 900px){
.di-w .dock{display: flex;}
}
.di-w .rv{transition: opacity .9s var(--ease-out), transform 1s var(--ease-out); transition-delay: var(--d, 0ms);}
html.di-anim .di-w .rv:not(.is-in){opacity: 0; transform: translateY(36px);}
.di-w .split .w{display: inline-block; transition: opacity .8s var(--ease-out), transform .9s var(--ease-out); transition-delay: calc(var(--i, 0) * 50ms + var(--d, 0ms));}
html.di-anim .di-w .split:not(.is-in) .w{opacity: 0; transform: translateY(.5em);}
.di-w .intro{position: fixed; inset: 0; z-index: var(--z-intro); background: var(--slate); color: var(--cream); display: grid; place-items: center; animation: di-introOut .5s ease 3.2s forwards;}
html.di-seen .di-w .intro,html.di-static .di-w .intro{display: none;}
.di-w .intro.is-done{opacity: 0; visibility: hidden; transition: opacity .6s var(--ease-out), visibility 0s .6s;}
.di-w .intro__map{inline-size: min(92vw, 1100px); block-size: auto; overflow: visible;}
.di-w .intro__grid line{stroke: rgba(243, 237, 228, .06); stroke-width: 1;}
.di-w .intro__route{fill: none; stroke: var(--red-text); stroke-width: 1.2; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: di-draw .9s var(--ease-out) forwards; animation-delay: var(--d); opacity: .8;}
.di-w .intro__route--il{stroke: var(--green-text); stroke-width: 2.4; opacity: 1;}
.di-w .intro__dot{fill: var(--cream); opacity: 0; animation: di-pop .4s var(--ease-out) forwards; animation-delay: calc(var(--d) + .7s); transform-box: fill-box; transform-origin: center;}
.di-w .intro__dot--it{fill: var(--tomato); opacity: 1; animation: di-pulse 1.6s ease-in-out infinite;}
.di-w .intro__dot--il{fill: var(--green-text);}
.di-w .intro__lbl{font-family: var(--f-mono); font-size: 13px; letter-spacing: .18em; fill: var(--cream-soft); opacity: 0; animation: di-fadeIn .5s ease forwards; animation-delay: calc(var(--d) + .75s);}
.di-w .intro__lbl--il{fill: var(--green-text); font-weight: 500; font-size: 16px;}
.di-w .intro__cap{position: absolute; bottom: 12vh; inset-inline: 0; text-align: center; font-family: var(--f-display); font-weight: 800; font-size: clamp(1.4rem, 1rem + 2vw, 2.4rem); opacity: 0; animation: di-fadeIn .6s ease 1.25s forwards; padding-inline: 20px;}
.di-w .intro__skip{position: absolute; top: 20px; inset-inline-start: 20px; font-family: var(--f-mono); font-size: .8rem; letter-spacing: .2em; padding: 12px 16px; border: 1px solid var(--on-ground-line); border-radius: var(--r-pill); color: var(--cream);}
@keyframes di-draw{ to { stroke-dashoffset: 0; } }
@keyframes di-pop{ from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: scale(1); } }
@keyframes di-fadeIn{ to { opacity: 1; } }
@keyframes di-pulse{ 50% { opacity: .45; } }
@keyframes di-introOut{ to { opacity: 0; visibility: hidden; } }
.di-w .ftr{background: #0F0D0B; color: var(--cream); position: relative;}
.di-w .ftr .tri{position: absolute; top: 0; inset-inline: 0;}
.di-w .ftr__in{padding-block: 80px 36px; display: grid; grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)); gap: 40px;}
.di-w .ftr__brand img{inline-size: 150px; block-size: auto; margin-block-end: 18px;}
.di-w .ftr__brand p{color: var(--cream-soft); max-width: 30ch; font-size: var(--fs-small);}
.di-w .ftr h3{font-family: var(--f-mono); font-weight: 500; font-size: var(--fs-label); letter-spacing: .26em; text-transform: uppercase; color: var(--cream-dim); margin-block-end: 14px;}
.di-w .ftr li + li{margin-block-start: 8px;}
.di-w .ftr a{text-decoration: none; color: var(--cream);}
.di-w .ftr a:hover{color: var(--ember);}
.di-w .ftr__base{border-top: 1px solid var(--on-ground-line); padding-block: 22px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; font-size: .88rem; color: var(--cream-soft);}
.di-w .ftr__base a{color: var(--cream-soft);}
.di-w .credit{display: inline-flex; align-items: center; gap: 8px;}
.di-w .credit svg{inline-size: 16px; block-size: 16px;}
@media (max-width: 900px){
.di-w .ftr__in{grid-template-columns: 1fr 1fr;}
.di-w .ftr__brand{grid-column: 1 / -1;}
}
@media (hover: none), (pointer: coarse){
.di-w .intro__dot--it{animation: none;}
}
@media (prefers-reduced-motion: reduce){
.di-w .intro{display: none;}
.di-w *,.di-w *::before,.di-w *::after{animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important;}
}
.di-w .curtain{position: fixed; inset: 0; z-index: 200; background: var(--slate); transform: translateY(102%); pointer-events: none; transition: transform .46s var(--ease-in-out);}
.di-w .curtain.is-in{transform: translateY(0);}
html.di-nav .di-w .curtain{transform: translateY(0); transition: none;}
html.di-nav .di-w .curtain.is-out{transform: translateY(-102%); transition: transform .55s var(--ease-in-out);}
@media (prefers-reduced-motion: reduce){
.di-w .curtain{display: none;}
}
/* home */
.di-w .hero{padding-block: 0; min-height: 100svh; display: grid; color: var(--cream); background: var(--slate);}
.di-w .hero__media{position: absolute; inset: 0; z-index: -1;}
.di-w .hero__p{position: absolute; inset: 0; overflow: hidden; background: var(--slate);}
.di-w .hero__p video{position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover;}
@keyframes di-heroZoom{ from { transform: scale(1); } to { transform: scale(1.09); } }
@media (prefers-reduced-motion: no-preference){
.di-w .hero__p video{animation: di-heroZoom 28s ease-in-out infinite alternate;}
}
.di-w .tri{display: block; inline-size: 72px; block-size: 4px; margin: 22px auto 24px; background: linear-gradient(90deg, var(--basil) 0 33.3%, var(--cream) 33.3% 66.6%, var(--tomato) 66.6%);}
.di-w .hero__p::after{content: ""; position: absolute; inset: 0; background: rgba(21, 18, 15, .5);}
.di-w .hero__p--mobile{display: none;}
.di-w .hero__veil{position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(to top, var(--slate) 0%, rgba(21, 18, 15, .45) 24%, rgba(21, 18, 15, .05) 55%, rgba(21, 18, 15, .45) 100%);}
.di-w .hero__c{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: calc(var(--hdr-h) + 40px) var(--gutter) 150px; min-height: 100svh;}
.di-w .hero__c .eyebrow{color: var(--cream-soft); margin-block-end: 28px;}
.di-w .hero__c .eyebrow::before{background: var(--cream-soft);}
.di-w .hero__title{font-family: var(--f-display); font-weight: 900; font-size: clamp(2.4rem, 1.3rem + 4.4vw, 5.4rem); line-height: 1.04; letter-spacing: -.02em; color: var(--cream); text-shadow: 0 10px 40px rgba(0, 0, 0, .35);}
.di-w .hero__ln{display: block;}
.di-w .hero__ln:first-child::after{content: ",";}
.di-w .hero__sub{display: block; font-weight: 500; font-size: clamp(1.1rem, 1rem + .8vw, 1.65rem); line-height: 1.3; letter-spacing: 0; color: var(--cream-soft); margin-block-start: 16px; text-shadow: none;}
.di-w .hero__lead{max-width: 42ch; color: var(--cream-soft); font-size: var(--fs-lead); margin-block-end: 36px;}
.di-w .hero__cta{display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;}
.di-w .hero__stats{position: absolute; z-index: 1; bottom: 36px; inset-inline-end: var(--gutter); display: flex; gap: 30px; color: var(--cream-soft); font-size: .88rem;}
.di-w .hero__stats b{display: block; color: var(--cream); font-weight: 800; font-size: 1.35rem; line-height: 1; margin-block-end: 4px;}
.di-w .cue{position: absolute; z-index: 1; inset-inline: 0; bottom: 26px; display: flex; flex-direction: column; align-items: center; gap: 10px; font-family: var(--f-mono); font-size: .7rem; letter-spacing: .32em; color: var(--cream-soft); pointer-events: none;}
.di-w .cue i{inline-size: 1px; block-size: 38px; background: linear-gradient(var(--cream-soft), transparent);}
@media (max-width: 900px){
.di-w .hero__p--wide{display: none;}
.di-w .hero__p--mobile{display: block;}
.di-w .hero__c{justify-content: flex-end; align-items: flex-start; text-align: start; padding: calc(var(--hdr-h) + 20px) 20px 96px; min-height: 100svh;}
.di-w .hero__title{font-size: clamp(2.1rem, 9.6vw, 3rem); max-width: none; text-wrap: balance;}
.di-w .hero__sub{font-size: 1.05rem;}
.di-w .hero__lead{font-size: 1.05rem; margin-block-end: 24px;}
.di-w .hero__cta{justify-content: flex-start; inline-size: 100%;}
.di-w .hero__c .tri{margin-inline: 0;}
.di-w .hero__cta .btn{flex: 1 1 100%;}
.di-w .hero__stats{position: static; inline-size: 100%; margin-block-start: 26px; gap: 22px;}
.di-w .cue{display: none;}
}
.di-w .stone{padding-block: var(--sec) 0; overflow-x: clip; overflow-y: visible;}
.di-w .stone__head{display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 22px 40px; margin-block-end: clamp(28px, 4vw, 56px);}
.di-w .stone__head .lead{max-width: 36ch;}
.di-w .track-pin{position: relative;}
.di-w .track{display: flex; gap: clamp(18px, 3vw, 48px); padding-inline: var(--gutter); inline-size: max-content; will-change: transform;}
.di-w .pz{flex: 0 0 clamp(300px, 29vw, 460px); min-inline-size: 0; text-decoration: none; color: var(--cream); display: block;}
.di-w .pz__img{position: relative; aspect-ratio: 3 / 2; overflow: hidden;}
.di-w .pz__img img{inline-size: 100%; block-size: 100%; object-fit: cover; mix-blend-mode: lighten; transition: transform 1.1s var(--ease-out);}
.di-w .pz:hover .pz__img img{transform: scale(1.04);}
.di-w .pz__before{position: absolute; inset: 0; opacity: 0; transition: opacity .55s var(--ease-out), transform 1.1s var(--ease-out);}
.di-w .pz__lab{position: absolute; top: 12px; inset-inline-start: 12px; font-size: .74rem; font-weight: 700; padding: 5px 10px; background: rgba(21, 18, 15, .72); color: var(--cream); opacity: 0; transition: opacity .3s ease;}
@media (hover: hover){
.di-w .pz:hover .pz__before,.di-w .pz:hover .pz__lab{opacity: 1;}
}
.di-w .pz__n{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-block-start: 14px; padding-block-start: 12px; border-top: 1px solid var(--on-ground-line);}
.di-w .pz__n b{font-size: 1.18rem; font-weight: 800;}
.di-w .pz__n span{font-family: var(--f-body); font-variant-numeric: tabular-nums; font-size: .82rem; color: var(--cream-dim);}
.di-w .pz__tag{font-size: .78rem; color: var(--green-text); font-weight: 700; margin-inline-start: 8px;}
.di-w .stone--grid .stone__head{margin-block-end: clamp(28px, 4vw, 48px);}
.di-w .pgrid8{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 32px) clamp(14px, 2vw, 28px);}
.di-w .pgrid8 .pz{flex: none; inline-size: auto;}
.di-w .stone--grid .stone__foot{padding-block-start: clamp(28px, 4vw, 48px);}
@media (max-width: 1000px){
.di-w .pgrid8{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 700px){
.di-w .pgrid8{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px;}
.di-w .pgrid8 .pz__n{flex-direction: column; align-items: flex-start; gap: 2px;}
.di-w .pgrid8 .pz__n b{font-size: 1rem;}
}
.di-w .stone__foot{padding-block: clamp(36px, 5vw, 70px) var(--sec); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 30px;}
.di-w .stone__foot p{color: var(--cream-soft);}
@media (max-width: 900px){
.di-w .track-pin{overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
.di-w .track-pin::-webkit-scrollbar{display: none;}
.di-w .track{padding-inline: 20px;}
.di-w .pz{flex-basis: min(78vw, 360px);}
}
.di-w .sol__grid{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(32px, 6vw, 96px); align-items: start;}
.di-w .sol__line{font-family: var(--f-display); font-weight: 900; font-size: clamp(2rem, 1.2rem + 3.2vw, 4.6rem); line-height: 1; letter-spacing: -.03em; margin-block: 14px 40px; text-wrap: balance;}
.di-w .sol__line em{font-style: normal; color: var(--red-text);}
.di-w .parts{border-top: 1px solid var(--on-ground-line);}
.di-w .part{display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; padding-block: 22px; border-bottom: 1px solid var(--on-ground-line); align-items: baseline; cursor: default;}
.di-w .part__no{font-family: var(--f-mono); font-size: .82rem; color: var(--red-text);}
.di-w .part h3{font-size: clamp(1.35rem, 1.1rem + 1vw, 1.9rem); font-weight: 800; line-height: 1.1; color: var(--cream-dim); transition: color 220ms ease;}
.di-w .part p{color: var(--cream-soft); font-size: .98rem; max-width: 46ch; margin-block-start: 6px; max-block-size: 0; overflow: hidden; opacity: 0; transition: max-block-size .45s var(--ease-in-out), opacity .3s ease;}
.di-w .part.on h3{color: var(--cream);}
.di-w .part.on p{max-block-size: 8em; opacity: 1;}
.di-w .sol__frame{position: sticky; top: calc(var(--hdr-h) + 24px); aspect-ratio: 2 / 3; overflow: hidden; background: var(--slate);}
.di-w .sol__frame img{position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: contain; opacity: 0; transition: opacity .55s var(--ease-out);}
.di-w .sol__frame img.on{opacity: 1;}
.di-w .sol__stamp{margin-block-start: 30px; display: inline-flex; align-items: center; gap: 12px; font-weight: 700; font-size: .92rem; color: var(--green-text);}
.di-w .sol__stamp::before{content: ""; inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--green-text);}
@media (max-width: 900px){
.di-w .sol__grid{grid-template-columns: 1fr;}
.di-w .sol__frame{position: relative; top: 0; aspect-ratio: 4 / 5; order: -1;}
.di-w .part p{max-block-size: none; opacity: 1;}
.di-w .part h3{color: var(--cream);}
}
.di-w .jr__head{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: end; margin-block-end: clamp(40px, 6vw, 80px);}
.di-w .jr__big{font-family: var(--f-display); font-weight: 900; font-size: var(--fs-mega); line-height: .9; letter-spacing: -.04em; color: var(--on-ground);}
.di-w .jr__big small{display: block; font-size: .3em; font-weight: 700; letter-spacing: 0; color: var(--on-ground-soft); margin-block-start: 10px; max-width: 16ch; line-height: 1.1;}
.di-w .jr__row{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 30px);}
.di-w .st{position: relative;}
.di-w .st figure{aspect-ratio: 3 / 2; overflow: hidden; background: rgba(0, 0, 0, .25);}
.di-w .st img{inline-size: 100%; block-size: 100%; object-fit: cover;}
.di-w .st__k{display: flex; align-items: center; gap: 10px; margin-block: 18px 6px; font-family: var(--f-mono); font-size: .78rem; letter-spacing: .22em; color: var(--on-ground-accent);}
.di-w .st__k::after{content: ""; flex: 1; block-size: 1px; background: var(--on-ground-line);}
.di-w .st h3{font-size: 1.4rem; font-weight: 800; margin-block-end: 6px;}
.di-w .st p{color: var(--on-ground-soft); font-size: .96rem;}
.di-w .jr__end{margin-block-start: clamp(44px, 6vw, 84px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; border-top: 1px solid var(--on-ground-line); padding-block-start: 28px;}
.di-w .jr__end p{max-width: 54ch; color: var(--on-ground-soft);}
.di-w .jr .btn--ghost{--bd: rgba(255, 244, 238, .5);}
@media (max-width: 1000px){
.di-w .jr__head{grid-template-columns: 1fr;}
.di-w .jr__row{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 560px){
.di-w .jr__row{grid-template-columns: 1fr;}
}
.di-w .nums{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--on-ground-line);}
.di-w .nums li{padding: clamp(26px, 3vw, 44px) clamp(14px, 2vw, 28px); border-inline-start: 1px solid var(--on-ground-line);}
.di-w .nums li:first-child{border-inline-start: 0;}
.di-w .nums b{display: block; white-space: nowrap; font-family: var(--f-display); font-weight: 900; font-size: clamp(3rem, 1.6rem + 6vw, 7.5rem); line-height: .9; letter-spacing: -.04em; color: var(--cream);}
.di-w .nums b small{font-size: .3em; letter-spacing: 0; margin-inline-start: 8px; color: var(--red-text); font-weight: 700;}
.di-w .nums li > span{display: block; margin-block-start: 14px; font-size: .98rem; color: var(--cream-soft); max-width: 24ch;}
@media (max-width: 900px){
.di-w .nums{grid-template-columns: 1fr 1fr;}
.di-w .nums li:nth-child(3){border-inline-start: 0;}
.di-w .nums li:nth-child(n+3){border-top: 1px solid var(--on-ground-line);}
}
.di-w .ov__head{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 32px; align-items: end; margin-block-end: 40px;}
.di-w .ov__bul{display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px;}
.di-w .ov__bul li{display: flex; gap: 10px; align-items: baseline; font-weight: 500; color: var(--cream-soft);}
.di-w .ov__bul li::before{content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--tomato); flex: none; translate: 0 -1px;}
.di-w .q{border: 0; padding: 0; margin: 0 0 34px; min-inline-size: 0;}
.di-w .q legend{font-weight: 700; font-size: 1.05rem; margin-block-end: 14px; padding: 0;}
.di-w .opts{display: flex; flex-wrap: wrap; gap: 8px;}
.di-w .opt{position: relative;}
.di-w .opt input{position: absolute; opacity: 0; inline-size: 1px; block-size: 1px;}
.di-w .opt span{display: inline-flex; align-items: center; min-height: 46px; padding: 8px 18px; border-radius: var(--r-pill); border: 1.5px solid var(--on-ground-line); color: var(--on-ground); font-weight: 500; cursor: pointer; transition: background-color var(--t-ui) ease, color var(--t-ui) ease, border-color var(--t-ui) ease;}
.di-w .opt span:hover{border-color: var(--on-ground);}
.di-w .opt input:checked + span{background: var(--cream); color: var(--slate); border-color: var(--cream);}
.di-w [data-tone="paper"] .opt input:checked + span{background: var(--ink); color: var(--paper); border-color: var(--ink);}
.di-w .opt input:focus-visible + span{outline: 3px solid var(--ember); outline-offset: 3px;}
.di-w .ov__grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 26px); align-items: start;}
.di-w .oven{background: var(--surface); padding: 22px; border: 1px solid transparent; transition: border-color 220ms ease, opacity 220ms ease, transform .4s var(--ease-out);}
.di-w .oven.is-pick{border-color: var(--green-text); transform: translateY(-6px);}
.di-w .oven.is-dim{opacity: .5;}
.di-w .oven__img{aspect-ratio: 1; display: grid; place-items: center; background: radial-gradient(60% 60% at 50% 60%, rgba(238, 49, 35, .18), transparent 70%); margin-block-end: 14px; padding: 10px;}
.di-w .oven__img img{max-block-size: 100%; inline-size: auto; max-inline-size: 100%; object-fit: contain; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .45));}
.di-w .oven h3{font-weight: 900; font-size: 1.25rem; letter-spacing: .02em; margin-block-end: 8px; text-align: end;}
.di-w .spec{display: grid;}
.di-w .spec__row{display: grid; grid-template-columns: minmax(120px, .85fr) minmax(0, 1.15fr); gap: 12px; padding-block: 8px; border-bottom: 1px solid var(--on-ground-line); font-size: .94rem;}
.di-w .spec__row dt{color: var(--on-ground-soft);}
.di-w .spec__row dd{font-weight: 700; unicode-bidi: plaintext; text-align: right;}
.di-w .spec__row--note{grid-template-columns: 1fr;}
.di-w .spec__row--note dd{font-weight: 500; color: var(--on-ground-soft);}
.di-w .ov__note{margin-block-start: 22px; font-size: .9rem; max-width: 70ch; color: var(--cream-dim);}
@media (max-width: 1000px){
.di-w .ov__head{grid-template-columns: 1fr;}
.di-w .ov__grid{grid-template-columns: 1fr;}
}
.di-w .why__head{margin-block-end: clamp(30px, 4vw, 56px);}
.di-w .bento{display: grid; grid-template-columns: 1.15fr 1fr 1fr; grid-auto-rows: clamp(250px, 24vw, 330px); gap: clamp(10px, 1.4vw, 18px);}
.di-w .bento__card{position: relative; overflow: hidden; background: var(--slate-3); border-radius: var(--r); isolation: isolate;}
.di-w .bento__card--big{grid-row: span 2;}
.di-w .bento__card--wide{grid-column: span 2;}
.di-w .bento__ph{position: absolute; inset: 0; margin: 0; z-index: -1;}
.di-w .bento__ph img{inline-size: 100%; block-size: 100%; object-fit: cover; transform: scale(1.001); transition: transform 1.2s var(--ease-out), filter .6s ease; filter: brightness(.72);}
.di-w .bento__ph::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(21, 18, 15, .96) 0%, rgba(21, 18, 15, .78) 38%, rgba(21, 18, 15, .12) 75%, rgba(21, 18, 15, 0) 100%);}
.di-w .bento__card:hover .bento__ph img{transform: scale(1.05); filter: brightness(.82);}
.di-w .bento__c{position: absolute; inset-inline: 0; bottom: 0; padding: clamp(18px, 2.4vw, 30px); display: grid; gap: 8px;}
.di-w .bento__k{display: flex; align-items: baseline; gap: 10px; font-weight: 700; font-size: .9rem; color: var(--cream-soft);}
.di-w .bento__k b{font-family: var(--f-display); font-weight: 900; font-size: 1.5rem; line-height: 1; color: var(--red-text); letter-spacing: -.03em;}
.di-w .bento__c .h3{font-weight: 800;}
.di-w .bento__card--big .bento__c .h3{font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.6rem);}
.di-w .bento__c p{color: var(--cream-soft); font-size: .95rem; line-height: 1.55; max-width: 48ch;}
@media (max-width: 1000px){
.di-w .bento{grid-template-columns: 1fr 1fr; grid-auto-rows: clamp(250px, 32vw, 330px);}
.di-w .bento__card--big{grid-column: span 2; grid-row: span 1;}
.di-w .bento__card--wide{grid-column: span 2;}
}
@media (max-width: 640px){
.di-w .bento{grid-template-columns: 1fr; grid-auto-rows: auto;}
.di-w .bento__card{min-block-size: 300px;}
.di-w .bento__card--big,.di-w .bento__card--wide{grid-column: span 1;}
.di-w .bento__c p{font-size: .92rem;}
}
@media (max-width: 900px){
.di-w .pillars{grid-template-columns: 1fr 1fr;}
.di-w .pillar:nth-child(3){border-inline-start: 0; padding-inline-start: 0;}
.di-w .pillar:nth-child(n+3){border-top: 1px solid var(--on-ground-line);}
}
@media (max-width: 560px){
.di-w .pillars{grid-template-columns: 1fr;}
.di-w .pillar{border-inline-start: 0; padding-inline-start: 0; border-top: 1px solid var(--on-ground-line);}
.di-w .pillar:first-child{border-top: 0;}
}
.di-w .sec__head{margin-block-end: clamp(26px, 3vw, 44px);}
.di-w .sec__list{border-top: 1px solid var(--on-ground-line);}
.di-w .sec__row{display: grid; grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1.1fr); align-items: start; gap: 18px 28px; padding-block: clamp(22px, 2.6vw, 34px); border-bottom: 1px solid var(--on-ground-line); position: relative;}
.di-w .sec__row .n{font-family: var(--f-mono); font-size: .8rem; letter-spacing: .2em; color: var(--cream-dim); padding-block-start: .6em;}
.di-w .sec__row .t{font-family: var(--f-display); font-weight: 900; font-size: clamp(1.7rem, 1rem + 2.6vw, 3.6rem); line-height: 1; letter-spacing: -.025em; transition: color 220ms ease, transform .5s var(--ease-out);}
.di-w .sec__row .d{color: var(--cream-soft); font-size: .96rem; line-height: 1.65;}
.di-w .sec__row:hover .t{color: var(--red-text); transform: translateX(-8px);}
.di-w .sec__row .thumb{display: none;}
.di-w .peek{position: fixed; top: 0; left: 0; z-index: 40; inline-size: 300px; pointer-events: none; overflow: hidden; opacity: 0; transform: scale(.94); transition: opacity 220ms ease, transform .35s var(--ease-out); box-shadow: 0 30px 60px rgba(0, 0, 0, .5);}
.di-w .peek.is-on{opacity: 1; transform: scale(1);}
.di-w .peek img{inline-size: 100%; block-size: auto;}
@media (max-width: 900px), (hover: none){
.di-w .sec__row{grid-template-columns: 86px minmax(0, 1fr); grid-template-areas: "thumb t" "thumb d"; row-gap: 6px;}
.di-w .sec__row .n{display: none;}
.di-w .sec__row .thumb{display: block; grid-area: thumb; inline-size: 86px; overflow: hidden; align-self: start;}
.di-w .sec__row .thumb img{inline-size: 86px; block-size: auto; aspect-ratio: 3 / 2; object-fit: cover;}
.di-w .sec__row .t{grid-area: t; font-size: clamp(1.4rem, 1rem + 2.4vw, 2rem);}
.di-w .sec__row .d{grid-area: d; font-size: .92rem;}
.di-w .peek{display: none;}
}
.di-w .ev__wide{position: relative; overflow: hidden;}
.di-w .ev__wide img{inline-size: 100%; block-size: auto;}
.di-w .ev__wide::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(21, 18, 15, .9) 0%, rgba(21, 18, 15, .25) 46%, transparent 70%);}
.di-w .ev__over{position: absolute; z-index: 2; inset-inline: clamp(20px, 4vw, 56px); bottom: clamp(20px, 4vw, 52px); color: var(--cream);}
.di-w .ev__over .h2{max-width: 13ch;}
.di-w .ev__row{display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); margin-block-start: clamp(32px, 4vw, 56px); align-items: start;}
.di-w .ev__text{margin-block: 14px 22px; max-width: 54ch; color: var(--cream-soft);}
.di-w .ev__size{display: flex; gap: 22px; align-items: center;}
.di-w .ev__tray{inline-size: 132px; aspect-ratio: 60 / 40; border: 1.5px solid var(--cream); position: relative; display: grid; place-items: center; font-family: var(--f-mono); font-size: .9rem; flex: none;}
.di-w .ev__tray::before,.di-w .ev__tray::after{position: absolute; font-size: .7rem; color: var(--cream-dim); font-family: var(--f-mono);}
.di-w .ev__tray::before{content: "60"; top: -20px;}
.di-w .ev__tray::after{content: "40"; inset-inline-end: -24px;}
.di-w .ev__list{display: flex; flex-wrap: wrap; gap: 8px; margin-block: 0 26px;}
.di-w .chip{min-height: 44px; padding: 8px 18px; border-radius: var(--r-pill); border: 1.5px solid var(--on-ground-line); font-weight: 500; font-size: .95rem; color: var(--on-ground); background: transparent; transition: background-color var(--t-ui) ease, border-color var(--t-ui) ease, color var(--t-ui) ease; display: inline-flex; align-items: center;}
.di-w .chip:hover{border-color: var(--on-ground);}
.di-w .chip[aria-pressed="true"],.di-w .chip[aria-selected="true"]{background: var(--cream); color: var(--slate); border-color: var(--cream);}
.di-w [data-tone="paper"] .chip[aria-pressed="true"]{background: var(--ink); color: var(--paper); border-color: var(--ink);}
@media (max-width: 900px){
.di-w .ev__row{grid-template-columns: 1fr;}
.di-w .ev__over{position: relative; inset: auto; padding-block-start: 22px;}
.di-w .ev__wide{overflow: visible;}
.di-w .ev__wide::after{display: none;}
}
.di-w .logos{padding-block: clamp(56px, 7vw, 96px); border-block: 1px solid var(--on-ground-line);}
.di-w .logos__k{text-align: center; font-family: var(--f-mono); font-size: var(--fs-label); letter-spacing: .26em; color: var(--cream-dim); margin-block-end: 30px;}
.di-w .mq{direction: ltr; overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);}
.di-w .mq__track{display: flex; inline-size: max-content; will-change: transform;}
.di-w .mq__item{flex: none; margin-inline: clamp(26px, 3.5vw, 56px); block-size: 68px; display: grid; place-items: center;}
.di-w .mq__item img{max-block-size: 68px; max-inline-size: 150px; block-size: auto; inline-size: auto; filter: grayscale(1) invert(1) brightness(1.4); opacity: .7; transition: opacity 200ms ease;}
.di-w .mq__item img:hover{opacity: 1;}
.di-w .board__head{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: end; margin-block-end: 34px;}
.di-w .find{display: flex; align-items: center; gap: 10px; background: var(--surface); border: 1.5px solid var(--on-ground-line); border-radius: var(--r-pill); padding: 6px 6px 6px 18px; padding-inline-start: 20px; max-width: 520px;}
.di-w .find:focus-within{border-color: var(--on-ground);}
.di-w .find input{flex: 1; min-inline-size: 0; border: 0; background: transparent; color: var(--on-ground); font-size: 1.05rem; min-height: 46px; outline: none;}
.di-w .find input::placeholder{color: var(--on-ground-dim);}
.di-w .find svg{inline-size: 20px; block-size: 20px; flex: none; color: var(--on-ground-dim);}
.di-w .board{border-top: 1px solid var(--on-ground-line);}
.di-w .board__row{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 24px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--on-ground-line); transition: opacity 200ms ease;}
.di-w .board__row b{font-weight: 700; font-size: 1.04rem; display: block;}
.di-w .board__row small{color: var(--cream-dim); font-size: .88rem;}
.di-w .days{display: flex; gap: 5px; direction: rtl;}
.di-w .days i{font-style: normal; inline-size: 34px; block-size: 34px; display: grid; place-items: center; border-radius: 4px; font-size: .9rem; font-weight: 700; color: var(--cream-dim); border: 1px solid var(--on-ground-line);}
.di-w .days i.on{background: var(--cream); color: var(--slate); border-color: var(--cream);}
.di-w .days i.next{box-shadow: 0 0 0 2px var(--green-text);}
.di-w .board__note{grid-column: 1 / -1; font-size: .84rem; color: var(--ember);}
.di-w .board.is-filtering .board__row:not(.is-hit){opacity: .25;}
.di-w .board__empty{padding: 16px 0; color: var(--ember); display: none;}
.di-w .board.is-none .board__empty{display: block;}
.di-w .board__foot{margin-block-start: 16px; font-size: .92rem; color: var(--cream-soft);}
.di-w .board__foot b{color: var(--green-text);}
@media (max-width: 900px){
.di-w .board__head{grid-template-columns: 1fr;}
}
@media (max-width: 560px){
.di-w .board__row{grid-template-columns: 1fr;}
.di-w .days{display: grid; grid-template-columns: repeat(6, 1fr);}
.di-w .days i{inline-size: 100%;}
}
.di-w .lead-grid{display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 80px); align-items: start;}
.di-w .contact li{display: flex; gap: 12px; align-items: center; padding-block: 12px; border-bottom: 1px solid var(--on-ground-line);}
.di-w .contact a{text-decoration: none; font-weight: 700;}
.di-w .contact svg{inline-size: 20px; block-size: 20px; color: var(--on-ground-accent); flex: none;}
.di-w .form{background: var(--surface); color: var(--on-surface); padding: clamp(22px, 3vw, 40px); display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; border: 1px solid var(--on-ground-line);}
.di-w .f{display: flex; flex-direction: column; gap: 6px; min-inline-size: 0;}
.di-w .f--wide{grid-column: 1 / -1;}
.di-w .f label,.di-w .f legend{font-weight: 700; font-size: .95rem; padding: 0;}
.di-w .f label i,.di-w .f legend i{color: var(--on-ground-accent); font-style: normal;}
.di-w .f input,.di-w .f select,.di-w .f textarea{min-height: 50px; border: 1.5px solid var(--on-ground-line); border-radius: 4px; padding: 10px 14px; background: var(--ground); color: var(--on-ground); font-size: 1rem; inline-size: 100%; transition: border-color var(--t-ui) ease;}
.di-w .f input:focus,.di-w .f select:focus,.di-w .f textarea:focus{border-color: var(--on-ground); outline: none; box-shadow: 0 0 0 3px rgba(215, 40, 26, .2);}
.di-w .f select{appearance: none; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: left 18px center, left 12px center; background-size: 6px 6px; background-repeat: no-repeat;}
.di-w .f textarea{resize: vertical; min-height: 90px;}
.di-w .f fieldset{border: 0; padding: 0; margin: 0; min-inline-size: 0;}
.di-w .f .opts{margin-block-start: 6px;}
.di-w .f__err{color: var(--on-ground-accent); font-size: .86rem;}
.di-w .f.is-bad input,.di-w .f.is-bad select{border-color: var(--on-ground-accent);}
.di-w .check{display: flex; gap: 10px; align-items: flex-start; font-size: .92rem;}
.di-w .check input{inline-size: 22px; block-size: 22px; margin: 2px 0 0; accent-color: var(--red-btn); flex: none;}
.di-w .form .btn{grid-column: 1 / -1; justify-self: start;}
.di-w .hp{position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%);}
@media (max-width: 900px){
.di-w .lead-grid{grid-template-columns: 1fr;}
}
@media (max-width: 560px){
.di-w .form{grid-template-columns: 1fr;}
.di-w .form .btn{justify-self: stretch;}
}
.di-w .grid-cat{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 3vw, 40px) clamp(14px, 2vw, 26px);}
.di-w .card{container-type: inline-size; display: flex; flex-direction: column; color: var(--on-ground); transition: opacity .3s;}
.di-w .card.is-off{display: none;}
.di-w .card__media{position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: var(--slate);}
.di-w .card__media img{position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; mix-blend-mode: lighten; transition: opacity .45s var(--ease-out), transform 1.1s var(--ease-out);}
.di-w [data-tone="paper"] .card__media img{mix-blend-mode: normal;}
.di-w .card__media .is-before{opacity: 0;}
.di-w .card.show-before .is-before{opacity: 1;}
.di-w .card.show-before .is-after{opacity: 0;}
.di-w .card:hover .card__media img{transform: scale(1.03);}
.di-w .flip{position: absolute; bottom: 12px; inset-inline-start: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 6px 12px; border-radius: var(--r-pill); background: rgba(21, 18, 15, .7); color: var(--cream); font-size: .82rem; font-weight: 700; border: 1px solid rgba(243, 237, 228, .25);}
.di-w .flip i{inline-size: 26px; block-size: 14px; border-radius: 9px; background: var(--red-btn); position: relative; transition: background-color 200ms ease;}
.di-w .flip i::after{content: ""; position: absolute; top: 2px; right: 2px; inline-size: 10px; block-size: 10px; border-radius: 50%; background: #fff; transition: transform 200ms var(--ease-out);}
.di-w .card.show-before .flip i{background: var(--cream-dim);}
.di-w .card.show-before .flip i::after{transform: translateX(-12px);}
.di-w .card__body{padding: 16px 0 0; display: flex; flex-direction: column; gap: 6px; flex: 1; border-top: 1px solid var(--on-ground-line); margin-block-start: 14px;}
.di-w .card__cat{font-size: .8rem; font-weight: 500; letter-spacing: .06em; color: var(--on-ground-dim);}
.di-w .card h3{font-weight: 800; font-size: 1.3rem; line-height: 1.15;}
.di-w .card__link{text-decoration: none;}
.di-w .card__link:hover{color: var(--on-ground-accent);}
.di-w .card p{font-size: .94rem; color: var(--on-ground-soft);}
.di-w .tags{display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: auto; padding-block-start: 8px;}
.di-w .tag{font-size: .76rem; font-weight: 700; padding: 4px 10px; border-radius: var(--r-pill); border: 1px solid var(--on-ground-line); color: var(--on-ground-soft);}
.di-w .tag--vegan{color: var(--on-ground-green); border-color: currentColor;}
.di-w .tag--gf{color: var(--on-ground-accent); border-color: currentColor;}
.di-w .tag--pend{color: var(--ember); border-color: currentColor;}
@media (max-width: 1000px){
.di-w .grid-cat{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px){
.di-w .grid-cat{grid-template-columns: 1fr;}
}
.di-w .cat__head{display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 24px; margin-block-end: clamp(32px, 4vw, 56px);}
.di-w .cat__more{margin-block-start: clamp(28px, 4vw, 44px); display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px;}
@media (hover: none), (pointer: coarse), (max-width: 900px){
.di-w .rv{transition-property: opacity, transform;}
}
.di-w .stripe{background: var(--red-btn); color: #FFF4EE; padding-block: 15px; position: relative; z-index: 1;}
.di-w .stripe .mq{-webkit-mask-image: none; mask-image: none;}
.di-w .stripe__item{flex: none; display: flex; align-items: center; margin-inline: 0; block-size: auto; font-weight: 800; font-size: 1.02rem; letter-spacing: .02em; white-space: nowrap;}
.di-w .stripe__item span{padding-inline: 26px;}
.di-w .stripe__item i{inline-size: 7px; block-size: 7px; border-radius: 50%; background: #FFF4EE; opacity: .8;}
.di-w .proc{padding-block: 0 12vh;}
.di-w .proc__track{block-size: 320svh; position: relative;}
.di-w .proc__stage{position: sticky; top: 0; block-size: 100svh; display: grid; align-items: center; overflow: hidden;}
.di-w .proc__grid{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(24px, 4vw, 72px); align-items: center; padding-block: calc(var(--hdr-h) + 10px) 20px;}
.di-w .proc__copy .h2{font-size: clamp(2rem, 1.3rem + 2.6vw, 3.8rem); margin-block-end: clamp(18px, 2.4vw, 34px);}
.di-w .proc__steps{display: grid; gap: clamp(12px, 1.6vw, 22px);}
.di-w .pstep{display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: start; opacity: .34; transition: opacity .45s var(--ease-out), transform .45s var(--ease-out); transform: translateX(10px);}
.di-w .pstep.is-on{opacity: 1; transform: none;}
.di-w .pstep .step__no{font-size: clamp(2rem, 1.4rem + 2vw, 3.4rem); margin: 0; line-height: 1; color: var(--on-ground-accent);}
.di-w .pstep h3{font-size: clamp(1.15rem, 1rem + .7vw, 1.6rem); font-weight: 800; line-height: 1.15; margin-block-end: 4px;}
.di-w .pstep p{color: var(--on-ground-soft); font-size: .95rem; line-height: 1.55; max-width: 44ch;}
.di-w .proc__timer{display: flex; align-items: baseline; gap: 14px; margin-block: clamp(18px, 2.4vw, 30px) 0; color: var(--on-ground);}
.di-w .proc__clock{font-family: var(--f-display); font-weight: 900; font-size: clamp(2.6rem, 1.6rem + 3.4vw, 5rem); line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--on-ground-accent);}
.di-w .proc__timer small{font-size: .95rem; color: var(--on-ground-soft);}
.di-w .proc__cta{margin-block-start: clamp(18px, 2.4vw, 30px); display: flex; flex-wrap: wrap; gap: 12px;}
.di-w .proc .btn--ghost{--bd: rgba(255, 244, 238, .5);}
.di-w .proc__film{position: relative; aspect-ratio: 4 / 5; block-size: min(78svh, 100%); max-inline-size: 100%; justify-self: center; border-radius: var(--r); overflow: hidden; background: #0d0a08; box-shadow: 0 30px 80px rgba(0, 0, 0, .45);}
.di-w .proc__film img,.di-w .proc__film canvas{position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover;}
.di-w .proc__film canvas{opacity: 0; transition: opacity .3s ease;}
.di-w .proc__film.is-live canvas{opacity: 1;}
@media (max-width: 900px){
.di-w .proc__track{block-size: 280svh;}
.di-w .proc__stage{display: block; block-size: 100svh; min-block-size: 0;}
.di-w .proc__grid{display: block; padding: 0; position: relative; block-size: 100svh; max-inline-size: none;}
.di-w .proc__film{position: absolute; inset: 0; z-index: 1; block-size: 100%; inline-size: 100%; aspect-ratio: auto; border-radius: 0; box-shadow: none;}
.di-w .proc__film::after{content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(110, 19, 15, .55) 0%, rgba(110, 19, 15, 0) 22%, rgba(110, 19, 15, 0) 42%, rgba(110, 19, 15, .9) 66%, rgba(90, 15, 12, .98) 100%);}
.di-w .proc__copy{position: absolute; inset-inline: 0; bottom: 0; z-index: 2; padding: 0 20px calc(92px + env(safe-area-inset-bottom));}
.di-w .proc__copy .h2{font-size: clamp(1.5rem, 6.2vw, 1.9rem); margin-block-end: 10px;}
.di-w .proc__steps{gap: 0;}
html.di-anim .di-w .pstep:not(.is-on){display: none;}
.di-w .pstep{grid-template-columns: auto minmax(0, 1fr); gap: 12px; transform: none;}
.di-w .pstep .step__no{font-size: 1.7rem;}
.di-w .pstep h3{font-size: 1.1rem;}
.di-w .pstep p{font-size: .88rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.di-w .proc__timer{margin-block: 12px 0; gap: 10px;}
.di-w .proc__clock{font-size: 2.2rem;}
.di-w .proc__timer small{font-size: .85rem;}
.di-w .proc__cta{display: none;}
}
@media (min-width: 901px) and (max-height: 820px){
.di-w .proc__grid{padding-block-start: calc(var(--hdr-h) + 4px);}
.di-w .proc__copy .h2{font-size: clamp(1.7rem, 1.1rem + 2vw, 2.6rem); margin-block-end: 12px;}
.di-w .proc__steps{gap: 8px;}
.di-w .pstep .step__no{font-size: 1.8rem;}
.di-w .pstep h3{font-size: 1.05rem;}
.di-w .pstep p{font-size: .86rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.di-w .proc__timer{margin-block-start: 12px;}
.di-w .proc__clock{font-size: 2.6rem;}
.di-w .proc__cta{margin-block-start: 12px;}
.di-w .proc__film{block-size: min(70svh, 100%);}
}
@media (prefers-reduced-motion: reduce){
.di-w .proc__track{block-size: auto;}
.di-w .proc__stage{position: static; block-size: auto;}
.di-w .pstep{opacity: 1; transform: none;}
}
.di-w .arv{padding-block: 0 12vh;}
.di-w .arv__track{block-size: 340svh; position: relative;}
.di-w .arv__stage{position: sticky; top: 0; block-size: 100svh; overflow: hidden; display: grid; grid-template-rows: auto minmax(0, 1fr) auto;}
.di-w .arv__head{padding-block-start: calc(var(--hdr-h) + 14px); text-align: center; position: relative; z-index: 3;}
.di-w .arv__head .eyebrow{justify-content: center;}
.di-w .arv__head .h2{font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.6rem); margin-block-end: 10px; text-align: center; margin-inline: auto;}
.di-w .arv__head .lead{max-width: 44ch; margin-inline: auto; font-size: clamp(1rem, .95rem + .3vw, 1.15rem);}
.di-w .arv__mid{position: relative; overflow: visible;}
.di-w .arv__map{position: absolute; left: 0; top: 0; z-index: 1; will-change: transform, opacity;}
.di-w .arv__map svg{inline-size: 100%; block-size: auto; display: block; overflow: visible;}
.di-w .wm__band{fill: none; stroke: var(--cream); stroke-width: 3.2; stroke-linecap: round; opacity: .38; transition: stroke .3s ease;}
.di-w .arv__map.is-in .wm__band{stroke: var(--green-text);}
.di-w .wm__home circle{fill: var(--tomato);}
.di-w .wm__home .wm__halo{fill: var(--tomato); opacity: .28;}
.di-w .wm__home text{font-family: var(--f-mono); font-size: 10px; letter-spacing: .22em; fill: var(--cream-soft);}
.di-w .wm__pin .wm__dot{fill: var(--cream);}
.di-w .wm__pin .wm__halo{fill: var(--cream); opacity: .14;}
.di-w .wm__pin--il .wm__dot{fill: var(--green-text);}
.di-w .wm__pin--il .wm__halo{fill: var(--green-text); opacity: .3;}
.di-w .wm__pin text{font-family: var(--f-body); font-weight: 700; font-size: 12.5px; fill: var(--cream); pointer-events: none; paint-order: stroke; stroke: var(--slate); stroke-width: 4px; stroke-linejoin: round;}
@keyframes di-wmPulse{ 0% { r: 7; opacity: .5; } 100% { r: 26; opacity: 0; } }
.di-w .wm__pin--il .wm__halo{animation: di-wmPulse 2.4s var(--ease-out) infinite;}
.di-w .arv__logo{position: absolute; left: 50%; top: 50%; translate: -50% -50%; z-index: 2; inline-size: clamp(240px, 34vw, 500px);}
.di-w .arv__logo::before{content: ""; position: absolute; inset: -40% -30%; z-index: -1; background: radial-gradient(50% 50% at 50% 50%, rgba(242, 163, 107, .16), transparent 70%); pointer-events: none;}
.di-w .lg{inline-size: 100%; block-size: auto; display: block; overflow: visible;}
.di-w .arv__cap{position: relative; z-index: 3; text-align: center; padding: 14px var(--gutter) 34px; display: grid; gap: 10px; justify-items: center;}
.di-w .arv__office{color: var(--cream); font-weight: 600;}
.di-w .arv__office a{color: var(--cream); text-decoration: none;}
.di-w .arv__list{color: var(--cream-dim); font-size: .9rem; max-width: 72ch;}
.di-w .arv__cap .btn{margin-block-start: 4px;}
html:not(.di-anim) .di-w .arv__map{display: none;}
@media (max-width: 900px){
.di-w .arv__track{block-size: 280svh;}
.di-w .arv__head{padding-inline: 20px;}
.di-w .arv__head .h2{font-size: clamp(1.7rem, 7vw, 2.4rem);}
.di-w .wm__pin:not(.wm__pin--il) text{display: none;}
.di-w .wm__pin text{font-size: 18px;}
.di-w .wm__band{stroke-width: 3.8;}
.di-w .arv__logo{inline-size: min(72vw, 340px);}
.di-w .arv__cap{padding-block-end: 96px;}
}
@media (prefers-reduced-motion: reduce){
.di-w .arv__track{block-size: auto;}
.di-w .arv__stage{position: static; block-size: auto;}
.di-w .arv__mid{min-block-size: 320px;}
.di-w .arv__map{display: none;}
.di-w .wm__pin--il .wm__halo{animation: none;}
}
.di-w .why__cta{margin-block-start: clamp(40px, 5vw, 72px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 30px; border-top: 1px solid var(--on-ground-line); padding-block-start: 30px;}
.di-w .why__cta .hero__cta{justify-content: flex-start;}
/* pages */
.di-w .inner main{padding-block-start: calc(var(--hdr-h) + 28px);}
.di-w .inner .hdr{background: rgba(21, 18, 15, .92);}
.di-w .phead{padding-block: 34px 44px;}
.di-w .phead .h2{margin-block: 8px 12px; font-size: clamp(2.2rem, 1.3rem + 3.4vw, 4.6rem);}
.di-w .phead .lead{max-width: 60ch;}
.di-w .phead .find{margin-block-start: 18px;}
.di-w .crumbs{display: flex; flex-wrap: wrap; gap: 8px; font-size: .88rem; color: var(--cream-dim);}
.di-w .crumbs a{text-decoration: none;}
.di-w .crumbs a:hover{color: var(--red-text);}
.di-w .crumbs [aria-current]{color: var(--cream); font-weight: 700;}
.di-w .ctb{position: sticky; top: var(--hdr-h); z-index: 30; background: rgba(21, 18, 15, .96); border-block: 1px solid transparent; transition: border-color .3s;}
.di-w .ctb.is-stuck{border-color: var(--on-ground-line);}
.di-w .ctb__in{display: flex; flex-direction: column; gap: 10px; padding-block: 10px;}
.di-w .ctb__cats{overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; padding-block: 2px; -webkit-overflow-scrolling: touch;}
.di-w .ctb__cats::-webkit-scrollbar{display: none;}
.di-w .ctb__cats .chip{flex: 0 0 auto; text-decoration: none; min-height: 44px;}
.di-w .chips{display: flex; flex-wrap: wrap; gap: 8px;}
.di-w .ctb__tools{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px;}
.di-w .ctb__tools .chips{flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;}
.di-w .ctb__tools .chips::-webkit-scrollbar{display: none;}
.di-w .ctb__tools .chip{flex: 0 0 auto;}
.di-w .find--sm{max-width: 280px; padding-block: 2px;}
.di-w .find--sm input{min-height: 40px; font-size: .98rem;}
.di-w .seg{display: inline-flex; border: 1.5px solid var(--on-ground-line); border-radius: var(--r-pill); overflow: hidden;}
.di-w .seg button{min-height: 44px; padding: 6px 16px; font-weight: 500; color: var(--cream);}
.di-w .seg button[aria-pressed="true"]{background: var(--cream); color: var(--slate);}
.di-w .ctb__count{margin-inline-start: auto; font-family: var(--f-body); font-variant-numeric: tabular-nums; font-size: .85rem; color: var(--cream-dim); white-space: nowrap; direction: rtl;}
@media (max-width: 700px){
.di-w .ctb{position: static;}
.di-w .ctb__count{display: none;}
.di-w .ctb__in{padding-block: 8px; gap: 8px;}
}
.di-w .catalog{padding-block: 26px var(--sec);}
.di-w .ccat{padding-block: 26px 10px; scroll-margin-top: 170px;}
.di-w .ccat__h{display: flex; align-items: baseline; gap: 10px; padding-block-end: 14px; margin-block-end: 18px; border-bottom: 1px solid var(--on-ground-line);}
.di-w .ccat__h .num{font-size: .9rem;}
.di-w .card.is-picked{outline: 2px solid var(--green-text); outline-offset: 4px;}
.di-w .pickc{display: inline-flex; align-items: center; gap: 8px; font-size: .9rem; font-weight: 700; cursor: pointer; min-height: 44px;}
.di-w .pickc input{inline-size: 20px; block-size: 20px; accent-color: var(--green-text); margin: 0;}
.di-w .pickc--card{margin-block-start: 6px; padding-block-start: 10px; border-top: 1px solid var(--on-ground-line);}
.di-w .cat__empty{padding: 40px 0; text-align: center; color: var(--cream-soft);}
.di-w .ctable{overflow-x: auto; border: 1px solid var(--on-ground-line); background: var(--slate-2); margin-block-start: 24px;}
.di-w .ctable table{inline-size: 100%; border-collapse: collapse; font-size: .96rem;}
.di-w .ctable th,.di-w .ctable td{padding: 12px 14px; text-align: right; border-bottom: 1px solid var(--on-ground-line); vertical-align: middle;}
.di-w .ctable th{font-size: .82rem; font-weight: 500; letter-spacing: .04em; color: var(--cream-dim); background: var(--slate-3); white-space: nowrap;}
.di-w .ctable tr:last-child td{border-bottom: 0;}
.di-w .ctable tr:hover td{background: var(--slate-3);}
.di-w .prow__name{display: flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 700; min-inline-size: 220px;}
.di-w .prow__name img{inline-size: 72px; block-size: 48px; object-fit: cover; background: var(--slate); flex: none;}
.di-w .prow.is-picked td{background: rgba(79, 195, 127, .1);}
@media (max-width: 700px){
.di-w .ctable table,.di-w .ctable thead,.di-w .ctable tbody,.di-w .ctable tr,.di-w .ctable td{display: block;}
.di-w .ctable thead{position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%);}
.di-w .ctable tr{padding: 10px 14px; border-bottom: 1px solid var(--on-ground-line);}
.di-w .ctable td{border: 0; padding: 4px 0;}
.di-w .ctable td[data-l]{display: flex; justify-content: space-between; gap: 12px; font-size: .95rem;}
.di-w .ctable td[data-l]::before{content: attr(data-l); color: var(--cream-dim); flex: none;}
.di-w .ctable td:first-child{padding-block: 6px 10px;}
}
.di-w .pickbar{position: fixed; inset-inline: 0; bottom: 0; z-index: 55; background: var(--cream); color: var(--slate); box-shadow: 0 -10px 40px rgba(0, 0, 0, .45); padding-block: 10px calc(10px + env(safe-area-inset-bottom));}
.di-w .pickbar__in{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;}
.di-w .pickbar__in > span{color: var(--ink-soft); font-size: .9rem; flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.di-w .pickbar .btn--ghost{--fg: var(--slate); --bd: rgba(35, 31, 32, .4);}
@media (max-width: 900px){
.di-w .pickbar__in > span{display: none;}
.di-w .pickbar .btn--primary{flex: 1;}
body:has(.di-w.di-catalogp){padding-bottom: 150px;}
}
.di-w .product{padding-block-end: var(--sec);}
.di-w .pgrid{display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: start; margin-block-start: 18px;}
.di-w .gal{position: sticky; top: calc(var(--hdr-h) + 20px); min-inline-size: 0; max-inline-size: 100%;}
.di-w .pinfo{min-inline-size: 0;}
.di-w .gal__main{position: relative; overflow: hidden; background: var(--slate); aspect-ratio: 3 / 2;}
.di-w .gal__slide{position: absolute; inset: 0; opacity: 0; transition: opacity .4s var(--ease-out); margin: 0;}
.di-w .gal__slide.is-on{opacity: 1; position: relative;}
.di-w .gal__slide img{inline-size: 100%; block-size: 100%; object-fit: contain; background: var(--slate); mix-blend-mode: lighten;}
.di-w .gal__slide figcaption{position: absolute; bottom: 12px; inset-inline-start: 12px; background: rgba(21, 18, 15, .75); color: var(--cream); font-size: .8rem; font-weight: 700; padding: 6px 12px; border-radius: var(--r-pill); border: 1px solid rgba(243, 237, 228, .22);}
.di-w .gal__thumbs{display: flex; gap: 8px; margin-block-start: 10px; overflow-x: auto; padding-block: 4px; scrollbar-width: none; max-inline-size: 100%; inline-size: 0; min-inline-size: 100%;}
.di-w .gal__thumbs::-webkit-scrollbar{display: none;}
.di-w .gal__th{flex: 0 0 auto; inline-size: 96px; aspect-ratio: 3 / 2; overflow: hidden; background: var(--slate); border: 2px solid transparent; transition: border-color 200ms ease; opacity: .7;}
.di-w .gal__th img{inline-size: 100%; block-size: 100%; object-fit: cover;}
.di-w .gal__th.is-on{border-color: var(--red-text); opacity: 1;}
.di-w .pinfo .h2{margin-block: 6px 12px;}
.di-w .pinfo .tags{margin-block-end: 16px;}
.di-w .pdesc{margin-block-end: 22px; font-size: 1.1rem;}
.di-w .spec--card{background: var(--slate-2); padding: 6px 20px; border: 1px solid var(--on-ground-line);}
.di-w .spec__row dd.is-pend{color: var(--ember); font-weight: 500;}
.di-w .pend-note{font-size: .86rem; color: var(--ember); margin-block-start: 10px;}
.di-w .pcta{display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 22px;}
.di-w .pbody{display: grid; gap: clamp(36px, 5vw, 64px); margin-block-start: clamp(40px, 6vw, 80px);}
.di-w .pblock .h3{margin-block-end: 14px;}
.di-w .ing{display: grid; gap: 8px; max-width: 60ch;}
.di-w .ing li{padding-inline-start: 18px; position: relative; color: var(--cream-soft);}
.di-w .ing li::before{content: ""; position: absolute; inset-inline-start: 0; top: .62em; inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--green-text);}
.di-w .ing--inline{margin-block-start: 10px;}
.di-w .pvideo__wrap{position: relative; overflow: hidden; background: var(--slate-2); max-width: 420px; aspect-ratio: 9 / 16;}
.di-w .pvideo__wrap.is-land{max-width: 900px; aspect-ratio: 16 / 9;}
.di-w .pvideo__wrap:not(.is-land){max-width: min(420px, 46vh); margin-inline: auto;}
.di-w .pvideo:has(> .pvideo__wrap:not(.is-land)) > .h3{text-align: center;}
.di-w .pvideo__wrap video{inline-size: 100%; block-size: 100%; object-fit: cover; display: block;}
.di-w .pvideo__btn{position: absolute; bottom: 14px; inset-inline-start: 14px; inline-size: 48px; block-size: 48px; border-radius: 50%; background: rgba(243, 237, 228, .92); display: grid; place-items: center;}
.di-w .pvideo__btn::before{content: ""; border-style: solid; border-width: 8px 0 8px 14px; border-color: transparent transparent transparent var(--slate); margin-inline-start: 3px;}
.di-w .is-playing .pvideo__btn::before{border: 0; inline-size: 12px; block-size: 14px; background: linear-gradient(to right, var(--slate) 0 35%, transparent 35% 65%, var(--slate) 65%); margin: 0;}
@media (max-width: 900px){
.di-w .pgrid{grid-template-columns: minmax(0, 1fr);}
.di-w .gal{position: relative; top: 0;}
}
.di-w .faqwrap{padding-block: 10px var(--sec);}
.di-w .tabs{margin-block-end: 22px;}
.di-w .tabs .chip{gap: 8px;}
.di-w .tabs .chip .num{font-size: .8rem; opacity: .7;}
.di-w .faq{border-bottom: 1px solid var(--on-ground-line);}
.di-w .faq summary{list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 18px; min-height: 56px;}
.di-w .faq summary::-webkit-details-marker{display: none;}
.di-w .faq summary h3{font-size: 1.1rem; font-weight: 700; line-height: 1.35;}
.di-w .faq summary::after{content: "+"; flex: none; inline-size: 34px; block-size: 34px; border-radius: 50%; border: 1.5px solid var(--on-ground-line); display: grid; place-items: center; font-size: 1.3rem; line-height: 1; transition: transform 220ms var(--ease-out), background-color var(--t-ui) ease;}
.di-w .faq[open] summary::after{transform: rotate(45deg); background: var(--cream); color: var(--slate); border-color: var(--cream);}
.di-w .faq__a{padding-block: 0 20px; max-width: 70ch; color: var(--cream-soft); line-height: 1.7;}
.di-w .faq__note{margin-block-start: 28px; font-size: .9rem; color: var(--cream-dim);}
.di-w .ogrid{display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr); gap: clamp(24px, 4vw, 56px); align-items: start; padding-block: 10px var(--sec);}
.di-w .oform{display: grid; gap: 22px;}
.di-w .ogroup{border: 1px solid var(--on-ground-line); padding: clamp(18px, 2.5vw, 28px); margin: 0; background: var(--slate-2); min-inline-size: 0;}
.di-w .ogroup legend{padding: 0; margin-block-end: 6px; float: inline-start; inline-size: 100%;}
.di-w .ogroup legend + *{clear: both;}
.di-w .oitem{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 12px; border-bottom: 1px solid var(--on-ground-line);}
.di-w .oitem:last-of-type{border-bottom: 0;}
.di-w .oitem label{font-weight: 500;}
.di-w .qty{display: inline-flex; align-items: center; border: 1.5px solid var(--on-ground-line); border-radius: var(--r-pill); overflow: hidden;}
.di-w .qty button{inline-size: 46px; block-size: 46px; font-size: 1.3rem; font-weight: 700;}
.di-w .qty button:hover{background: var(--slate-3);}
.di-w .qty input{inline-size: 56px; text-align: center; border: 0; background: transparent; color: var(--cream); font-weight: 700; font-size: 1.05rem; min-height: 46px; -moz-appearance: textfield;}
.di-w .qty input::-webkit-outer-spin-button,.di-w .qty input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
.di-w .form--flat{padding: 0; background: transparent; border: 0;}
.di-w .osum{position: sticky; top: calc(var(--hdr-h) + 20px); background: var(--cream); color: var(--slate); padding: 24px;}
.di-w .osum .h3{margin-block-end: 12px;}
.di-w .osum li{display: flex; justify-content: space-between; gap: 12px; padding-block: 8px; border-bottom: 1px solid rgba(35, 31, 32, .14); font-size: .96rem;}
.di-w .osum li b{color: var(--red-btn);}
.di-w .osum .muted{color: var(--ink-soft);}
@media (max-width: 900px){
.di-w .ogrid{grid-template-columns: 1fr;}
.di-w .osum{position: relative; top: 0;}
}
@media (max-width: 480px){
.di-w .oitem{flex-direction: column; align-items: stretch;}
.di-w .qty{justify-content: space-between;}
.di-w .qty input{flex: 1;}
}
.di-w .simple{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: center; padding-block: 20px var(--sec); min-height: 70vh;}
.di-w .simple__img{overflow: hidden; background: var(--slate-2);}
.di-w .simple__img img{inline-size: 100%; block-size: auto;}
.di-w .simple__copy .h2{margin-block: 6px 14px;}
@media (max-width: 900px){
.di-w .simple{grid-template-columns: 1fr;}
}
.di-w .sectors{padding-block: 10px var(--sec);}
.di-w .sect{display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 4vw, 64px); align-items: center; padding-block: clamp(36px, 5vw, 64px); border-top: 1px solid var(--on-ground-line);}
.di-w .sect:nth-child(even) .sect__img{order: 2;}
.di-w .sect__img{aspect-ratio: 3 / 2; overflow: hidden; background: var(--slate-2); margin: 0;}
.di-w .sect__img img{inline-size: 100%; block-size: 100%; object-fit: contain; mix-blend-mode: lighten;}
.di-w .sect__copy .h2{margin-block: 4px 14px;}
.di-w .sect__copy p{color: var(--cream-soft); line-height: 1.7; max-width: 60ch;}
.di-w .quotes{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); margin-block-start: 30px;}
.di-w .quote{background: var(--surface); border: 1px solid var(--on-ground-line); padding: clamp(20px, 2.5vw, 30px); margin: 0; display: flex; flex-direction: column; gap: 16px;}
.di-w .quote p{font-size: 1.02rem; line-height: 1.65;}
.di-w .quote footer{font-size: .88rem; color: var(--cream-dim); border-top: 1px solid var(--on-ground-line); padding-block-start: 12px; margin-block-start: auto;}
@media (max-width: 900px){
.di-w .sect{grid-template-columns: 1fr;}
.di-w .sect:nth-child(even) .sect__img{order: 0;}
.di-w .quotes{grid-template-columns: 1fr;}
}
.di-w .evp{padding-block: 10px var(--sec);}
.di-w .evp__grid{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 64px); align-items: center; margin-block-end: clamp(36px, 5vw, 70px);}
.di-w .evp__hero{overflow: hidden; background: var(--slate-2); margin: 0;}
.di-w .evp__hero img{inline-size: 100%; block-size: auto;}
.di-w .evp .ev__size{margin-block-start: 22px;}
.di-w .evg{columns: 3; column-gap: clamp(10px, 1.5vw, 20px);}
.di-w .evg__item{margin: 0 0 clamp(10px, 1.5vw, 20px); overflow: hidden; background: var(--slate-2); break-inside: avoid;}
.di-w .evg__item img{inline-size: 100%; block-size: auto; display: block;}
@media (max-width: 900px){
.di-w .evp__grid{grid-template-columns: 1fr;}
.di-w .evg{columns: 2;}
}
.di-w .pvar .muted{margin-block: -6px 18px; font-size: .95rem;}
.di-w .var__grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.5vw, 18px); list-style: none; padding: 0;}
.di-w .var{display: block; inline-size: 100%; text-align: start; color: var(--cream); cursor: pointer;}
.di-w .var figure{margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--slate-3); border-radius: var(--r);}
.di-w .var img{inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform 1s var(--ease-out);}
.di-w .var:hover img,.di-w .var:focus-visible img{transform: scale(1.05);}
.di-w .var span{display: block; margin-block-start: 10px; font-weight: 600; font-size: .95rem;}
.di-w .var span::before{content: "+ "; color: var(--green-text); font-weight: 800;}
.di-w .gal__th--var{position: relative;}
.di-w .gal__th--var::after{content: "וריאציה"; position: absolute; bottom: 4px; inset-inline-start: 4px; font-size: .62rem; font-weight: 700; padding: 2px 6px; background: rgba(21, 18, 15, .8); color: var(--cream); border-radius: 3px;}
@media (max-width: 900px){
.di-w .var__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

/* ── Page-level rules the static site put on <body>/<main>, re-expressed through the widgets that exist on those pages ── */
.di-w--di-phead .phead,.di-w--di-catalog .phead,.di-w--di-faq .phead,.di-w--di-order .phead{padding-block-start:calc(var(--hdr-h) + 28px + 34px)}
.di-w--di-product .product,.di-w--di-simple .simple{padding-block-start:calc(var(--hdr-h) + 28px)}
body:has(.di-w--di-phead,.di-w--di-catalog,.di-w--di-product,.di-w--di-faq,.di-w--di-order,.di-w--di-simple) .di-w .hdr{background:rgba(21,18,15,.92)}
@media (max-width: 900px){body:has(.di-w .dock){padding-bottom:86px}}

/* ── Elementor editor canvas: everything static, visible and editable; nothing fixed, nothing sticky ── */
body.elementor-editor-active .di-w .hdr{position:relative}
body.elementor-editor-active .di-w .cur,body.elementor-editor-active .di-w .curtain,body.elementor-editor-active .di-w .grain,body.elementor-editor-active .di-w .menu{display:none}
body.elementor-editor-active .di-w .dock{position:relative;inset:auto;margin:10px;display:flex}
body.elementor-editor-active .di-w .proc__track,body.elementor-editor-active .di-w .arv__track{block-size:auto}
body.elementor-editor-active .di-w .proc__stage,body.elementor-editor-active .di-w .arv__stage{position:static;block-size:auto;min-block-size:0}
body.elementor-editor-active .di-w .proc__film{block-size:auto;inline-size:100%}
body.elementor-editor-active .di-w .pickbar{position:relative}
body.elementor-editor-active .di-w .track{inline-size:auto;flex-wrap:wrap}