/* ITAY KHAKI. Green and white, sewn-label logo, soft physical motion. */
:root{
  --forest:#0B3B2A;--deep:#072A1E;--emerald:#0F6B48;--leaf:#2FA36B;--mint:#DCEFE3;--white:#FFFFFF;--paper:#F6F9F5;--ink:#0A2A1E;
  --display:Rubik,Heebo,Arial,sans-serif;--body:Heebo,Arial,sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);
  --gut:clamp(20px,4vw,56px);
  color-scheme:light;
}
@view-transition{navigation:auto}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scrollbar-gutter:stable}
html,body{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--display);line-height:1.05;text-wrap:balance}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a,button,label{touch-action:manipulation}
button,.btn,.chip{-webkit-user-select:none;user-select:none}
input,textarea{font:inherit;font-size:16px}
:focus-visible{outline:3px solid var(--forest);outline-offset:3px;border-radius:4px}
.band :focus-visible,.foot :focus-visible,.cta :focus-visible,.side :focus-visible,.paint :focus-visible,.wa-float:focus-visible{outline-color:#fff}
.room :focus-visible,.hdr :focus-visible,.view :focus-visible{outline-color:currentColor}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;inset-block-start:-60px;inset-inline-start:12px;z-index:200;background:var(--white);color:var(--forest);padding:10px 16px;border-radius:8px;transition:transform 200ms var(--ease-out)}
.skip:focus{transform:translateY(72px);outline-color:var(--forest)}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:max(var(--gut),env(safe-area-inset-right,0px)) max(var(--gut),env(safe-area-inset-left,0px))}
.num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

/* header + sewn-label logo */
.hdr{position:fixed;z-index:80;color:#fff;transition:color 320ms ease 220ms,transform 300ms var(--ease-out);inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top,0px)) max(var(--gut),env(safe-area-inset-right,0px)) 12px max(var(--gut),env(safe-area-inset-left,0px))}
.logo{display:inline-flex;gap:.34em;direction:ltr;padding:7px 12px;background:var(--white);color:var(--emerald);font:900 15px/1 var(--display);letter-spacing:.09em;text-decoration:none;border-radius:3px;outline:1.5px dashed var(--emerald);outline-offset:-5px;rotate:-1.2deg;box-shadow:0 3px 10px #0a2a1e33;transition:rotate 300ms var(--ease-out),transform 160ms var(--ease-out)}
.logo b{font-weight:900;color:var(--forest)}
.logo:active{transform:scale(.97)}
.hdr nav{display:flex;align-items:center;gap:clamp(2px,1vw,8px)}
.hdr nav a{padding:7px 12px;border-radius:99px;text-decoration:none;font-weight:500;font-size:15px;transition:background-color 200ms ease,transform 160ms var(--ease-out)}
.hdr nav a[aria-current=page]{box-shadow:inset 0 0 0 1.5px currentColor}
.hdr nav a:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.logo:hover{rotate:1.2deg}.hdr nav a:hover{background:#8fbfa533}}

.hdr nav a{white-space:nowrap}
@media (max-width:560px){.hdr nav .lg{display:none}.hdr nav a{padding:6px 9px;font-size:14px}.band .bg-shirt{opacity:.22;inset-inline-end:-16%}}
@media (max-width:380px){.hdr{gap:6px;padding-inline:12px}.hdr nav{gap:0}.hdr nav a{padding:6px 7px;font-size:13.5px}.logo{font-size:13px;padding:6px 9px}}

.hdr::before{content:"";position:absolute;z-index:-1;inset:6px max(10px,env(safe-area-inset-right,0px));border-radius:99px;background:#ffffffb8;-webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7);box-shadow:0 0 0 1px #0a2a1e14,0 10px 30px #0a2a1e1f;opacity:0;transform:translateY(-10px) scale(.98);transition:opacity 220ms ease,transform 320ms var(--ease-out);pointer-events:none}
.hdr[data-glass]{color:var(--forest)!important;padding-block:calc(12px + env(safe-area-inset-top,0px)) 12px}
.hdr[data-glass]::before{opacity:1;transform:none}
.hdr[data-hide]{transform:translateY(-110%)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:99px;background:var(--emerald);color:var(--white);font-weight:500;text-decoration:none;box-shadow:0 8px 22px #0a2a1e38;transition:transform 160ms var(--ease-out),background-color 200ms ease}
.btn:active{transform:scale(.97)}
.btn svg{flex:none}
.btn.white{background:var(--white);color:var(--forest)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--forest)}.btn.white:hover{background:var(--mint)}}

/* floating WhatsApp */
.wa-float{position:fixed;z-index:90;inset-block-end:calc(18px + env(safe-area-inset-bottom,0px));inset-inline-end:max(18px,env(safe-area-inset-left,0px));width:58px;height:58px;border-radius:50%;background:var(--emerald);color:var(--white);display:grid;place-items:center;box-shadow:0 0 0 3px var(--white),0 12px 26px #0a2a1e55;transition:transform 260ms var(--ease-out),opacity 200ms ease}
.wa-float:active{transform:scale(.94)}
.wa-float.to-order{width:auto;height:50px;padding-inline:22px;border-radius:99px;font-weight:500;text-decoration:none}
.wa-float[data-away]{transform:translateY(24px) scale(.9);opacity:0;pointer-events:none}

/* text mask reveal helpers */
.ik-m{display:inline-block;overflow:hidden;vertical-align:bottom;padding-block:.1em;margin-block:-.1em}
.ik-w{display:inline-block}

/* page hero on inner pages */
.band{position:relative;background:var(--forest);color:var(--white);padding-block:clamp(120px,15vw,190px) clamp(46px,6vw,80px);overflow:hidden;isolation:isolate}
.band h1{font-weight:800;font-size:clamp(44px,8vw,112px)}
.band p{font-size:clamp(17px,1.6vw,22px);line-height:1.55;margin-block-start:16px;max-width:44ch}
.band .bg-shirt{position:absolute;z-index:-1;inset-block-start:10%;inset-inline-end:-2%;width:clamp(240px,34vw,520px);opacity:.92;rotate:7deg;filter:drop-shadow(0 26px 30px #0007)}

/* sections + footer */
.sec{padding-block:clamp(70px,9vw,130px)}
.sec-h{font-weight:800;font-size:clamp(36px,5.6vw,80px);margin-block-end:clamp(26px,4vw,50px)}
.foot{background:var(--deep);color:var(--white);padding-block:clamp(50px,7vw,80px) calc(40px + env(safe-area-inset-bottom,0px))}
.foot .g{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:34px}
.foot h2{font-size:16px;font-weight:500;color:var(--mint);margin-block-end:10px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a{text-underline-offset:4px;text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot .logo{margin-block-end:14px}
.foot small{display:block;margin-block-start:14px;font-size:13px;color:#ffffffb8}
.foot .legal{display:flex;flex-wrap:wrap;gap:6px 20px;margin-block-start:34px;padding-block-start:18px;border-block-start:1px solid #ffffff2e;font-size:15px}
.foot .legal a{text-decoration:underline;text-underline-offset:4px;padding-block:4px}
.foot .disclaimer{margin-block-start:10px;font-size:13px;color:#ffffffb8;max-width:70ch}
body.still .band-m>div{animation-play-state:paused}
@media (max-width:760px){.foot .g{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}@view-transition{navigation:none}}

[hidden]{display:none!important}
/* soft light that follows the cursor on tilted cards */
.has-sheen::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,30%),#ffffff26,transparent 65%);opacity:0;transition:opacity 260ms ease}
@media (hover:hover) and (pointer:fine){.has-sheen:hover::after{opacity:1}}
.drop.off{opacity:.55;cursor:default}

/* legal pages */
.band-s{padding-block:clamp(110px,13vw,160px) clamp(36px,5vw,60px)}
.band-s h1{font-size:clamp(40px,6.4vw,84px)}
.doc{max-width:820px}
.doc h2{font-weight:800;font-size:clamp(24px,2.6vw,34px);margin-block:clamp(36px,4vw,52px) 12px;color:var(--forest)}
.doc h3{font-weight:800;font-size:20px;margin-block:24px 6px;color:var(--emerald)}
.doc p,.doc li{font-size:17px;line-height:1.75}
.doc p+p{margin-block-start:10px}
.doc ul{padding-inline-start:1.2em;margin:8px 0 0;display:grid;gap:6px}
.doc a{color:var(--emerald);text-decoration:underline;text-underline-offset:3px}
.doc .upd{font-size:15px;color:#31503f}
.doc .contact{list-style:none;padding:18px 20px;background:var(--white);border-radius:14px;box-shadow:inset 0 0 0 1.5px #5E7A6B}
.ph{background:#FFF4D6;color:#5b4300;padding:0 4px;border-radius:4px}