/* Sway. — the Higgsfield design (sway-outside.higgsfield.app), ported 1:1 to a static page.
   RTL-first: every left/right from the original is a logical property here, so Hebrew mirrors it
   and English (dir=ltr) renders exactly like the original. Additions after the film use the same
   tokens, type scale and components (ivory panels, tiny coral rule, underline CTA, coral bar). */

@font-face{font-family:'Frank Ruhl Libre';font-weight:400;font-display:swap;src:url('../assets/fonts/FrankRuhlLibre-400-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:'Frank Ruhl Libre';font-weight:400;font-display:swap;src:url('../assets/fonts/FrankRuhlLibre-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:'Frank Ruhl Libre';font-weight:500;font-display:swap;src:url('../assets/fonts/FrankRuhlLibre-500-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:'Frank Ruhl Libre';font-weight:500;font-display:swap;src:url('../assets/fonts/FrankRuhlLibre-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}
@font-face{font-family:'Assistant';font-weight:200 800;font-display:swap;src:url('../assets/fonts/Assistant-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:'Assistant';font-weight:200 800;font-display:swap;src:url('../assets/fonts/Assistant-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}

:root{--sway-blue:#247c9b;--sway-ivory:#f8f4e9;--sway-ink:#102f3c;--sway-coral:#ed8a77;--sway-muted:#49606a;--sway-rule:#102f3c33;--sway-paper:#efe8d8;--sway-serif:"Frank Ruhl Libre",Georgia,serif;--sway-sans:"Assistant",Arial,sans-serif}
[hidden]{display:none!important}
html{scroll-behavior:smooth;background:var(--sway-blue);color-scheme:light;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{background:var(--sway-blue);color:var(--sway-ivory);font-family:var(--sway-sans);margin:0}
.sway-site{background:var(--sway-blue);color:var(--sway-ivory);font:400 18px/1.5 var(--sway-sans);overflow:clip}
*,:before,:after{box-sizing:border-box}
.sway-site a{color:inherit;text-decoration:none}
.sway-site button,.sway-site input,.purchase-dialog button,.purchase-dialog input,.purchase-dialog textarea{font:inherit}
.sway-site button,.purchase-dialog button{cursor:pointer}
.sway-site button:disabled,.purchase-dialog button:disabled{cursor:not-allowed;opacity:.45}
.sway-site h1,.sway-site h2,.sway-site h3,.sway-site p,.purchase-dialog h2,.purchase-dialog p{margin:0}
.sway-site h1,.sway-site h2,.sway-site h3,.purchase-dialog h2{font-family:var(--sway-serif);letter-spacing:-.055em;font-weight:400;line-height:.99}
:lang(he) .sway-site h1,:lang(he) .sway-site h2,:lang(he) .sway-site h3,:lang(he) .purchase-dialog h2{letter-spacing:-.025em;line-height:1.02}
.sway-site button:focus-visible,.sway-site a:focus-visible,.sway-site summary:focus-visible,.purchase-dialog button:focus-visible,.purchase-dialog a:focus-visible{outline:3px solid var(--sway-coral);outline-offset:5px}
.sway-site button:active,.purchase-dialog button:active{transform:translateY(2px)}
.i{fill:currentColor;flex:none;display:block}
[dir=rtl] .i-flip{transform:scaleX(-1)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.skip-link{z-index:100;background:var(--sway-ivory);padding:12px 18px;position:fixed;top:10px;inset-inline-start:10px;transform:translateY(-200%);color:var(--sway-ink)!important}
.skip-link:focus{transform:none}

/* header */
.sway-header{z-index:20;border-bottom:1px solid #f8f4e933;justify-content:space-between;align-items:center;gap:24px;width:100%;height:80px;padding:0 4.6vw;display:flex;position:absolute;top:0;left:0;animation:sway-drop .9s cubic-bezier(.25,.46,.45,.94) both}
/* the hammock mark sits on the baseline and is exactly cap-height tall (Frank Ruhl Libre S = .672em),
   so mark and letters read as one line */
.brand{font:500 42px/.9 var(--sway-serif);letter-spacing:-.065em;align-items:baseline;gap:.24em;display:inline-flex;direction:ltr}
.brand img{display:block;height:.672em;width:auto;border-radius:0}
.brand-period{color:var(--sway-coral)}
.sway-header nav{gap:34px;font-size:14px;display:flex}
.sway-header nav a{transition:transform .25s}
.sway-header nav a:hover{transform:translateY(-3px)}
.header-end{display:flex;align-items:center;gap:14px}
.lang{background:none;border:1px solid #f8f4e959;color:inherit;border-radius:50px;padding:6px 12px;font-size:13px!important;font-weight:600!important;line-height:1}
.nav-purchase{background:var(--sway-coral);color:var(--sway-ink);white-space:nowrap;border:0;border-radius:50px;align-items:center;gap:22px;padding:10px 19px;transition:transform .2s;display:flex;font-size:14px!important;font-weight:700!important}
.nav-purchase .i{transition:transform .25s}
.nav-purchase:hover .i{transform:translate(2px,-2px)}
[dir=rtl] .nav-purchase:hover .i{transform:scaleX(-1) translate(2px,-2px)}

/* chapter rail */
.chapter-rail{z-index:20;flex-direction:column;gap:9px;transition:opacity .2s;display:flex;position:fixed;top:50%;inset-inline-end:2.3vw;transform:translateY(-50%)}
.chapter-rail a{justify-content:flex-end;align-items:center;gap:12px;height:25px;display:flex}
.rail-line{background:#f8f4e980;width:13px;height:2px;transition:width .3s,background .3s}
.rail-name{opacity:0;background:var(--sway-ink);padding:2px 7px;font-size:11px;transition:opacity .2s,transform .2s;transform:translate(5px)}
[dir=rtl] .rail-name{transform:translate(-5px)}
.chapter-rail a:hover .rail-name,.chapter-rail a:focus-visible .rail-name{opacity:1;transform:none}
.chapter-rail a.is-active .rail-line{background:var(--sway-coral);width:28px}
.rail-hidden{opacity:0;pointer-events:none}

/* the film: 600dvh of scroll scrubs the Higgsfield match-cut */
.journey{position:relative}
.sway-film{position:relative;height:600dvh;background:var(--sway-blue)}
.film-stage{position:sticky;top:0;width:100%;height:100dvh;overflow:hidden;background:var(--sway-blue)}
.film-stage picture,.film-poster,.film-video{position:absolute;inset:0;width:100%;height:100%}
.film-poster,.film-video{object-fit:cover;object-position:50% 50%;display:block}
.film-video{z-index:1}
.sway-film[data-painted] .film-poster{visibility:hidden}
.film-stage:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#102f3c47,#0000 35% 80%,#102f3c26),linear-gradient(90deg,#102f3c59,#0000 46% 66%,#102f3c40);position:absolute;inset:0}
[dir=rtl] .film-stage:after{background:linear-gradient(#102f3c47,#0000 35% 80%,#102f3c26),linear-gradient(270deg,#102f3c59,#0000 46% 66%,#102f3c40)}
.hero-copy,.pack-panel,.space-panel,.closing-panel{text-shadow:0 2px 18px #102f3c59}
.chapter-story{z-index:2;pointer-events:none;position:absolute;inset:0}
.sway-chapter{pointer-events:none;align-items:center;height:100dvh;min-height:650px;padding:8vw 8vw 6vw;display:flex;position:relative}
.sway-chapter>*{pointer-events:auto}
.sway-chapter h2{font-size:clamp(48px,6vw,92px)}
.chapter-panel{will-change:transform}
.chapter-panel p{max-width:29ch;margin-top:24px;font-size:17px;line-height:1.6}

.hero-chapter{align-items:flex-start;padding:145px 7vw 40px}
.hero-copy{width:52%}
.hero-season{display:inline-block;background:var(--sway-coral);color:var(--sway-ink);text-shadow:none;font-size:12px;font-weight:700;padding:4px 12px;border-radius:50px;margin-bottom:22px!important}
.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:11px;margin-bottom:27px!important}
:lang(he) .hero-eyebrow{letter-spacing:.08em;font-size:13px}
.hero-copy h1{max-width:9ch;font-size:clamp(70px,8.2vw,132px);line-height:.93}
.hero-title-line{display:block;animation:sway-rise 1.25s cubic-bezier(.215,.61,.355,1) both}
.hero-title-line+.hero-title-line{animation-delay:.12s}
.hero-copy>p:not(.hero-eyebrow):not(.hero-season){margin-top:25px;font-size:17px;line-height:1.6}
.hero-discover{align-items:center;gap:24px;margin-top:24px;padding:12px 0;font-size:14px;font-weight:600;display:inline-flex}
.hero-discover .i{transition:transform .3s}
.hero-discover:hover .i{transform:translateY(7px)}
.hero-side-note{letter-spacing:.02em;font-size:12px;position:absolute;bottom:40px;inset-inline-start:7vw}

.pack-chapter{justify-content:flex-end;align-items:flex-start;padding-top:140px}
.pack-panel{max-width:400px;margin-inline-end:5vw}
.tiny-rule{background:var(--sway-coral);width:35px;height:2px;margin-bottom:27px;display:block}
.pack-panel h2{font-size:clamp(54px,5.5vw,86px)}
.film-note{opacity:.85;margin-top:30px!important;font-size:12px!important;letter-spacing:.02em}
.space-chapter{align-items:flex-start;padding-top:130px}
.space-panel h2{font-size:clamp(70px,8vw,124px)}
.space-panel p{max-width:27ch}

/* colour card */
.colours-chapter{justify-content:flex-end;align-items:center;padding-inline-end:9vw}
.colour-panel{width:min(480px,45vw);color:var(--sway-ink);background:var(--sway-ivory);padding:28px 30px 20px;box-shadow:0 20px 60px #102f3c1f}
.small-label{letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px!important;font-size:11px!important}
:lang(he) .small-label{letter-spacing:.06em;font-size:12px!important;font-weight:600}
.colour-heading h2{font-size:clamp(38px,4.2vw,61px)}
.variant-image{aspect-ratio:1.65;background:var(--sway-ivory);margin:20px 0 18px;overflow:hidden}
.variant-image img{object-fit:cover;width:100%;height:100%;display:block;transition:transform .6s,opacity .35s}
.variant-image:hover img{transform:scale(1.035)}
.variant-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}
.variant-end{display:flex;align-items:center;gap:14px}
.variant-price{display:grid;justify-items:end;line-height:1.1}
.variant-price b{font:400 30px/1 var(--sway-serif);letter-spacing:-.02em}
.variant-price s{font-size:12px;color:var(--sway-muted)}
.colour-picker{border:0;margin:0;padding:0;min-width:0}
.colour-picker legend{margin-bottom:12px;padding:0;font-size:12px;font-weight:600}
.colour-choice{cursor:pointer;align-items:center;gap:10px;margin:8px 0;font-size:13px;display:flex;position:relative}
.colour-choice input{opacity:0;width:1px;height:1px;position:absolute}
.fabric-chip{border:3px solid var(--sway-ivory);width:28px;height:28px;color:var(--sway-ivory);border-radius:50%;outline:1px solid #0000;place-items:center;transition:transform .3s;display:grid;flex:none}
.fabric-chip .i{opacity:0}
.selected .fabric-chip .i{opacity:1}
.fabric-blue{background:repeating-linear-gradient(100deg,#1e5876 0 5px,#92b6cc 5px 7px,#1e5876 7px 11px)}
.fabric-brown{background:repeating-linear-gradient(100deg,#694f3b 0 5px,#c5ac90 5px 7px,#694f3b 7px 11px)}
.selected .fabric-chip{outline-color:var(--sway-ink)}
.colour-choice:hover .fabric-chip{transform:rotate(15deg)}
.colour-choice:has(input:focus-visible){outline:2px solid var(--sway-ink);outline-offset:4px}
.variant-buy{border:1px solid var(--sway-ink);color:var(--sway-ink);background:0 0;place-items:center;width:55px;height:55px;transition:transform .25s;display:grid;flex:none}
.variant-buy:hover{transform:rotate(-5deg)}

/* details card */
.details-chapter{justify-content:flex-start;padding:7vw}
.detail-panel{background:var(--sway-ivory);max-width:690px;color:var(--sway-ink);grid-template-columns:.75fr 1fr;align-items:stretch;gap:32px;padding:30px;display:grid}
.detail-photo{min-height:390px;overflow:hidden}
.detail-photo img{object-fit:cover;object-position:62% 50%;width:100%;height:100%;display:block}
.detail-copy h2{font-size:clamp(40px,4vw,62px)}
.detail-copy dl{margin:25px 0}
.detail-copy dl div{margin-bottom:16px}
.detail-copy dt{font-size:14px;font-weight:700}
.detail-copy dd{color:var(--sway-muted);margin:3px 0 0;font-size:13px;line-height:1.45}
.detail-copy details{border-top:1px solid var(--sway-rule);padding-top:12px}
.detail-copy summary,.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:12px;list-style:none;display:flex}
.detail-copy summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}
.detail-copy summary .i,.faq-list summary .i{transition:transform .25s}
.detail-copy details[open] summary .i,.faq-list details[open] summary .i{transform:rotate(45deg)}
.detail-copy details p{margin-top:10px;font-size:12px;line-height:1.55}

/* closing */
.yours-chapter{align-items:flex-start;padding-top:130px}
.closing-panel h2{font-size:clamp(60px,7vw,112px)}
.closing-panel p{font-size:17px}
.closing-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:18px!important}
.closing-price b{font:400 34px/1 var(--sway-serif)}
.closing-price s{opacity:.75;font-size:14px}
.closing-price span{font-size:14px;opacity:.9}
.closing-purchase{border:0;border-bottom:1px solid var(--sway-ivory);width:300px;color:var(--sway-ivory);background:0 0;justify-content:space-between;align-items:center;gap:35px;margin-top:22px;padding:19px 0;transition:transform .3s;display:flex;font-size:19px!important}
.closing-purchase:hover{transform:translate(7px)}
[dir=rtl] .closing-purchase:hover{transform:translate(-7px)}
.closing-alt{display:inline-block;margin-top:16px;background:none;border:0;padding:0;color:inherit;font-size:14px!important;text-decoration:underline;text-underline-offset:4px;opacity:.9}

/* facts marquee */
.facts-marquee{background:var(--sway-ivory);color:var(--sway-ink);border-bottom:1px solid var(--sway-rule);align-items:center;gap:20px;padding:26px 0;display:flex;position:relative}
.facts-window{flex:1;gap:45px;display:flex;overflow:hidden}
.facts-track{flex-shrink:0;gap:45px;animation:40s linear infinite sway-marquee;display:flex}
[dir=rtl] .facts-track{animation-name:sway-marquee-rtl}
.facts-track>span{white-space:nowrap;align-items:center;gap:45px;font-size:15px;display:flex}
.fact-separator{color:var(--sway-blue);font-size:25px}
.is-paused .facts-track,.facts-marquee:hover .facts-track,.facts-marquee:focus-within .facts-track{animation-play-state:paused}
.marquee-pause{color:var(--sway-ink);border:0;border-inline-start:1px solid var(--sway-rule);background:0 0;padding:5px 24px;font-size:12px!important}

/* after the film: same language, more room */
.band{position:relative;padding:clamp(96px,11vw,150px) 7vw}
.band--ivory{background:var(--sway-ivory);color:var(--sway-ink)}
.band h2{font-size:clamp(46px,5.4vw,82px)}
.band-head{max-width:860px;margin-bottom:clamp(44px,5vw,68px)}
.band-head>p:not(.small-label){max-width:36ch;margin-top:24px;font-size:17px;line-height:1.6}
.panel{background:var(--sway-ivory);color:var(--sway-ink);padding:30px;box-shadow:0 20px 60px #102f3c1f}
.panel h3{font-size:clamp(38px,4.2vw,56px)}
.panel-text{color:var(--sway-muted);font-size:15px;line-height:1.6;margin:14px 0 24px!important;max-width:46ch}

.try-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}
.ar-photo{aspect-ratio:1.65;overflow:hidden;margin-bottom:24px}
.ar-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ar-qr{display:flex;gap:16px;align-items:center;margin-top:20px;font-size:13px;color:var(--sway-muted)}
.ar-qr [data-qr]{width:78px;height:78px;flex:none}
.ar-qr svg{width:100%;height:100%;display:block}
.fit-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.fit-plan{width:100%;height:auto;display:block;background:var(--sway-paper);margin:6px 0 0}
.fit-space{fill:#fff9;stroke:var(--sway-ink);stroke-width:1.5;stroke-dasharray:6 5}
.fit-need{fill:#247c9b26;stroke:var(--sway-blue);stroke-width:1.5}
.fit-frame{fill:var(--sway-ink)}
.fit-plan.is-empty .fit-space{opacity:.35}
.fit-plan.is-empty .fit-need,.fit-plan.is-empty .fit-frame{opacity:.18}
[data-state=tight] .fit-need{fill:#ed8a7740;stroke:var(--sway-coral)}
[data-state=no] .fit-need{fill:#c2412a33;stroke:#c2412a}
.fit-result{min-height:3.2em;font-size:15px;font-weight:600;line-height:1.5;margin-top:16px!important}
[data-state=no] .fit-result{color:#a3321f}
.fit-link{background:none;border:0;padding:0;margin-top:6px;color:var(--sway-ink);text-decoration:underline;text-underline-offset:4px;font-size:14px}

.group-steps{list-style:none;padding:0;margin:0 0 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.group-steps li{border-top:1px solid #f8f4e94d;padding-top:20px}
.step-n{font:400 46px/1 var(--sway-serif);color:var(--sway-coral);display:block;margin-bottom:14px}
.group-steps p{font-size:16px;line-height:1.55;max-width:24ch}

.reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.review{margin:0;background:var(--sway-ivory);color:var(--sway-ink);padding:22px}
.review img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:16px}
.review__stars{color:var(--sway-coral);letter-spacing:.12em;margin-bottom:10px!important}
.review blockquote{margin:0 0 14px;font:400 21px/1.35 var(--sway-serif)}
.review figcaption{font-size:13px;color:var(--sway-muted)}

.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,110px);align-items:start}
.faq-grid .band-head{position:sticky;top:48px;margin:0}
.faq-grid .band-head a{text-decoration:underline;text-underline-offset:4px}
.faq-list details{border-top:1px solid var(--sway-rule)}
.faq-list details:last-child{border-bottom:1px solid var(--sway-rule)}
.faq-list summary{font-size:18px;font-weight:600;padding:22px 0;line-height:1.35}
.faq-list details>p,.faq-list details>div{color:var(--sway-muted);font-size:16px;line-height:1.65;max-width:62ch;padding:0 0 24px}
.cmp{overflow-x:auto;padding-bottom:24px!important}
.cmp table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;color:var(--sway-ink)}
.cmp th,.cmp td{text-align:start;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--sway-rule);font-weight:400}
[dir=rtl] .cmp th,[dir=rtl] .cmp td{padding:10px 0 10px 12px}
.cmp thead th{font-size:12px;font-weight:700;letter-spacing:.04em}
.cmp tbody th{font-weight:600}
.cmp .is-sway{font-weight:700}
.cmp thead .is-sway{color:var(--sway-blue)}
.speclist{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin:0}
.speclist dt{font-size:13px;font-weight:700;color:var(--sway-ink)}
.speclist dd{margin:2px 0 0;font-size:14px}

/* footer */
.sway-footer{background:var(--sway-ivory);color:var(--sway-ink);padding:65px 7vw 22px}
.footer-top{justify-content:space-between;align-items:flex-start;display:flex;gap:30px}
.footer-top>p{font:400 44px/1.05 var(--sway-serif);letter-spacing:-.03em}
.footer-links{gap:13px;min-width:210px;display:grid}
.footer-links a,.footer-links button{color:var(--sway-ink);text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:25px;padding:0;font-size:13px;display:flex}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:44px;font-size:12px;color:var(--sway-muted)}
.footer-legal a:hover{color:var(--sway-ink);text-decoration:underline}
.footer-wordmark{margin:45px 0 15px;display:block}
.brand-large{letter-spacing:-.065em;font-size:clamp(150px,30vw,480px);line-height:.9}
.footer-bottom{border-top:1px solid var(--sway-rule);justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:11px;display:flex}
.footer-bottom a{align-items:center;gap:10px;display:flex}

/* floating buy bar (only after the film) */
.buybar{position:fixed;z-index:30;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,calc(100% + 40px));visibility:hidden;transition:transform .45s cubic-bezier(.22,.61,.36,1),visibility 0s .45s}
.buybar.is-on{transform:translate(-50%,0);visibility:visible;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.buybar .nav-purchase{box-shadow:0 14px 40px #102f3c59;padding:13px 22px;gap:16px}
.buybar b{font-weight:700;opacity:.8}

/* purchase dialog (checkout) */
.purchase-dialog{background:var(--sway-ivory);width:min(930px,100vw - 40px);max-height:90dvh;color:var(--sway-ink);border:0;border-radius:10px;margin:auto;padding:0;overflow:auto;box-shadow:0 30px 100px #102f3c59;font:400 16px/1.5 var(--sway-sans)}
.purchase-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102f3ca6}
.purchase-layout{grid-template-columns:1fr 1fr;display:grid;position:relative}
.dialog-close{z-index:2;background:var(--sway-ivory);color:var(--sway-ink);border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;inset-inline-end:16px}
.purchase-photo{background:var(--sway-blue);min-height:540px;overflow:hidden;position:relative}
.purchase-photo img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}
.purchase-copy{padding:52px 38px 30px}
.purchase-copy h2{font-size:55px}
.purchase-copy h2:focus{outline:none}
.purchase-product{font-size:16px;margin:15px 0 25px!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.purchase-product b{font:400 26px/1 var(--sway-serif)}
.purchase-product s{color:var(--sway-muted);font-size:13px}
.co-steps{display:flex;gap:20px;list-style:none;padding:0;margin:0 0 22px;font-size:12px;color:var(--sway-muted)}
.co-steps li{padding-bottom:6px;border-bottom:2px solid transparent}
.co-steps li.is-on{color:var(--sway-ink);border-color:var(--sway-coral);font-weight:700}
.co-label{font-size:12px;font-weight:600;margin:0 0 6px!important}
.co-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--sway-rule);font-size:14px;display:flex}
.co-row .colour-choice{margin:0;cursor:pointer;background:0 0;border:0;padding:0;color:inherit;font:inherit;text-align:start}
.co-row .colour-choice[aria-pressed=true]{font-weight:700}
.co-row .colour-choice:focus-visible{outline:2px solid var(--sway-ink);outline-offset:4px}
.quantity-control{align-items:center;gap:20px;display:flex}
.quantity-control button{border:1px solid var(--sway-rule);width:30px;height:30px;color:var(--sway-ink);background:0 0;place-items:center;display:grid;padding:0}
.quantity-control output{text-align:center;min-width:15px}
.co-hint{font-size:12px;color:var(--sway-muted);line-height:1.55;margin:6px 0 0!important}
.co-err{color:#a3321f;font-size:12px;margin:6px 0 0!important}
.co-err:empty{display:none}
.co-toggle{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:22px;background:var(--sway-rule);position:relative;margin:0;cursor:pointer;flex:none;transition:background .2s}
.co-toggle:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.co-toggle:checked{background:var(--sway-coral)}
.co-toggle:checked:before{transform:translateX(18px)}
[dir=rtl] .co-toggle:before{left:auto;right:3px}
[dir=rtl] .co-toggle:checked:before{transform:translateX(-18px)}
.co-toggle:focus-visible{outline:3px solid var(--sway-coral);outline-offset:3px}
.co-sum{margin:22px 0;padding:14px 18px;background:var(--sway-paper);font-size:14px}
.co-sum>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}
.co-sum s{color:var(--sway-muted);margin-inline-end:8px}
.co-sum .is-total{border-top:1px solid var(--sway-rule);margin-top:8px;padding-top:12px;font-weight:700;font-size:16px}
.co-disc{color:#1c6680}
.save-selection{background:var(--sway-coral);width:100%;color:var(--sway-ink);border:0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;font-size:14px!important;font-weight:700!important;text-decoration:none}
.co-actions{display:flex;gap:16px;align-items:center}
.co-actions .save-selection{flex:1}
.co-back{background:none;border:0;color:var(--sway-ink);text-decoration:underline;text-underline-offset:4px;padding:8px 0;font-size:14px}
.purchase-disclaimer{color:var(--sway-muted);line-height:1.5;margin-top:14px!important;font-size:11px!important}
.field{display:block;margin:0 0 16px}
.field>span{display:block;font-size:12px;font-weight:600;margin-bottom:2px}
.field small{display:block;color:var(--sway-muted);font-size:12px}
.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #102f3c59;border-radius:0;background:transparent;padding:9px 0;font:16px/1.4 var(--sway-sans);color:var(--sway-ink)}
.field textarea{min-height:64px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--sway-coral);box-shadow:0 1px 0 var(--sway-coral)}
.field.has-err input,.field.has-err textarea{border-bottom-color:#a3321f}
.field__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.co-pickup{border:0;margin:6px 0 16px;padding:0;min-width:0}
.co-opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin-top:8px;border:1px solid var(--sway-rule);cursor:pointer;transition:border-color .2s,background .2s}
.co-opt input{margin:4px 0 0;accent-color:var(--sway-ink);flex:none}
.co-opt b{display:block;font-size:15px}
.co-opt small{display:block;color:var(--sway-muted);font-size:12px;line-height:1.5}
.co-opt:has(input:checked){border-color:var(--sway-ink);background:var(--sway-paper)}
.co-pickup-done{font-size:14px!important;margin:-12px 0 20px!important}
.co-giftbox{border-inline-start:2px solid var(--sway-coral);padding-inline-start:14px;margin:4px 0 14px}
.co-consent{font-size:12px;color:var(--sway-muted);margin:4px 0 0!important}
.purchase-dialog a{color:inherit}
.co-consent a{text-decoration:underline}
.co-no{font-size:15px;margin:10px 0 22px!important}
.paycard{background:var(--sway-paper);padding:18px 20px;margin:0 0 18px}
.paycard__amount{font:400 44px/1 var(--sway-serif);margin:4px 0 12px!important}
.paycard__line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--sway-rule);font-size:14px}
.copy{background:none;border:1px solid var(--sway-rule);border-radius:50px;padding:4px 12px;font-size:12px!important;color:var(--sway-ink);text-decoration:none;white-space:nowrap}
.shares{list-style:none;padding:0;margin:0 0 18px}
.shares li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--sway-rule)}
.shares small{display:block;color:var(--sway-muted);font-size:12px}
.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px;background:#102f3c14}
.badge--reported{background:#ed8a7740}
.badge--confirmed{background:#247c9b26;color:#17566c}
.progress{height:4px;background:var(--sway-rule);margin:14px 0 8px}
.progress i{display:block;height:100%;background:var(--sway-coral)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:50px;padding:12px 22px;font:700 14px/1.2 var(--sway-sans);background:var(--sway-coral);color:var(--sway-ink);text-decoration:none;cursor:pointer}
.btn--line{background:transparent;border:1px solid currentColor}
.btn--sm{padding:8px 14px;font-size:13px}

/* AR dialog */
.ar-dialog{width:min(760px,100vw - 28px)}
.ar-stage{height:min(70dvh,560px);background:var(--sway-paper);position:relative}
.ar-stage model-viewer{width:100%;height:100%;--poster-color:transparent}
.ar-place{position:absolute;bottom:18px;left:50%;transform:translateX(-50%)}
.ar-hint{padding:14px 22px 20px;font-size:13px;color:var(--sway-muted)}

/* accessibility widget + consent */
.a11y-btn{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid #f8f4e980;background:var(--sway-ink);color:var(--sway-ivory);display:grid;place-items:center;box-shadow:0 8px 24px #102f3c4d;cursor:pointer}
.a11y-btn svg{width:24px;height:24px;fill:currentColor}
.a11y-panel{position:fixed;inset-inline-end:16px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:61;width:min(300px,calc(100vw - 32px));max-height:70dvh;overflow:auto;background:var(--sway-ivory);color:var(--sway-ink);border-radius:10px;padding:14px;box-shadow:0 20px 60px #102f3c59;font:400 15px/1.4 var(--sway-sans)}
.a11y-panel__title{font:400 24px/1.1 var(--sway-serif);margin:2px 6px 10px}
.a11y-panel [role=switch]{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:10px 6px;border:0;background:none;text-align:start;font:600 14px var(--sway-sans);color:var(--sway-ink);cursor:pointer}
.a11y-panel [role=switch]:hover{background:var(--sway-paper)}
.a11y-panel [role=switch] i{position:relative;flex:none;width:40px;height:22px;border-radius:22px;background:var(--sway-rule);transition:background .2s}
.a11y-panel [role=switch] i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.a11y-panel [role=switch][aria-checked=true] i{background:var(--sway-blue)}
.a11y-panel [role=switch][aria-checked=true] i:after{transform:translateX(18px)}
.a11y-panel__foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px 6px 2px;border-top:1px solid var(--sway-rule);font-size:13px}
.a11y-panel__foot button{border:0;background:none;font-weight:600;text-decoration:underline;padding:0;color:inherit;cursor:pointer}
.a11y-panel__foot a{color:inherit}
.consent{position:fixed;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;max-width:560px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;border-radius:10px;background:var(--sway-ivory);color:var(--sway-ink);box-shadow:0 20px 60px #102f3c59;font:400 14px/1.45 var(--sway-sans)}
.consent p{margin:0;flex:1 1 260px}
.consent div{display:flex;gap:8px}
html.a11y-keyboard *:focus,html.a11y-keyboard *:focus-visible{outline:3px solid #ffd400!important;outline-offset:3px!important;box-shadow:0 0 0 6px #102f3c!important}
html.a11y-noanim *,html.a11y-noanim *:before,html.a11y-noanim *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
html.a11y-noanim{scroll-behavior:auto!important}
html.a11y-contrast{--sway-blue:#000;--sway-ivory:#fff;--sway-ink:#000;--sway-coral:#ffd400;--sway-muted:#000;--sway-rule:#000;--sway-paper:#fff}
html.a11y-contrast .film-stage:after{background:#000a!important}
html.a11y-contrast a{text-decoration:underline}
html.a11y-fontlg .sway-site,html.a11y-fontlg .purchase-dialog{zoom:1.15}
html.a11y-fontsm .sway-site,html.a11y-fontsm .purchase-dialog{zoom:.9}
html.a11y-readable,html.a11y-readable *{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.01em!important}
html.a11y-headings h1,html.a11y-headings h2,html.a11y-headings h3{outline:2px dashed #c2412a!important;outline-offset:6px}
html.a11y-links a,html.a11y-links button:not([role=switch]):not(#a11y-btn){outline:2px solid #2563eb!important;text-decoration:underline!important}
/* evening (after sunset in Israel): a deeper, dusk blue */
html.evening:not(.a11y-contrast){--sway-blue:#1d6581}

/* inner pages: ivory paper, same header and type */
html:has(body.page){background:var(--sway-ivory)}
body.page{background:var(--sway-ivory);color:var(--sway-ink);font:400 17px/1.7 var(--sway-sans)}
body.page a{color:inherit}
.page .brand-link,.page-foot a{text-decoration:none}
.page-foot a:hover{text-decoration:underline}
.page .sway-header{position:relative;border-bottom-color:var(--sway-rule);color:var(--sway-ink)}
.page .lang{border-color:var(--sway-rule)}
.page__main{max-width:760px;margin:0 auto;padding:72px 7vw 96px}
.page__main--wide{max-width:1100px}
.page__main h1,.page__main h2,.page__main h3{font-family:var(--sway-serif);font-weight:400;line-height:1.02}
.page__main h1{font-size:clamp(46px,6vw,76px);margin:0 0 28px}
.page__main h2{font-size:32px;margin:48px 0 12px;letter-spacing:-.02em;line-height:1.1}
.page__main h3{font-size:24px;margin:28px 0 8px;letter-spacing:-.01em}
.page__main p{margin:0 0 16px}
.page__main ul,.page__main ol{padding-inline-start:20px;margin:0 0 18px}
.page__main li{margin-bottom:6px}
.page__main a:not(.btn):not(.save-selection):not(.copy){text-decoration:underline;text-underline-offset:3px}
.page__main table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:15px}
.page__main th,.page__main td{text-align:start;padding:10px 12px 10px 0;border-bottom:1px solid var(--sway-rule)}
.page__main .kicker{letter-spacing:.06em;font-size:12px;font-weight:600;margin-bottom:12px;text-transform:uppercase}
.page__main .field input[type=file]{border:0;padding:8px 0}
.page-foot{border-top:1px solid var(--sway-rule);padding:22px 7vw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:var(--sway-muted)}
.page-foot a:hover{color:var(--sway-ink)}
.todo{background:#ed8a7740;padding:0 4px}
.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;border:0;padding:0;margin:0 0 16px}
.stars input{position:absolute;opacity:0}
.stars label{font-size:34px;line-height:1;color:#c9c0ad;cursor:pointer}
.stars label:hover,.stars label:hover~label,.stars input:checked~label{color:var(--sway-coral)}
.stars input:focus-visible+label{outline:2px solid var(--sway-ink)}
.check{display:flex;gap:10px;align-items:flex-start;margin:6px 0 18px;font-size:14px;color:var(--sway-muted)}
.check input{margin-top:4px;width:18px;height:18px;flex:none}
html[lang=he] [lang=en],html[lang=en] [lang=he]{display:none}

@keyframes sway-marquee{to{transform:translate(calc(-100% - 45px))}}
@keyframes sway-marquee-rtl{to{transform:translate(calc(100% + 45px))}}
@keyframes sway-rise{from{transform:translateY(46px);opacity:0}}
@keyframes sway-drop{from{transform:translateY(-20px);opacity:0}}

@media (width>=861px) and (height<=750px){.hero-chapter{padding-top:115px}
.hero-copy h1{font-size:92px}
.hero-copy>p:not(.hero-eyebrow):not(.hero-season){margin-top:16px}
.hero-eyebrow{margin-bottom:16px!important}
.colour-panel{padding:20px 25px}
.variant-image{aspect-ratio:1.9;margin:15px 0}
.detail-panel{max-width:650px;padding:22px}
.detail-photo{min-height:330px}
.sway-chapter{min-height:0}}

@media (width<=1100px){.try-grid{grid-template-columns:1fr}
.faq-grid{grid-template-columns:1fr}
.faq-grid .band-head{position:static}
.group-steps{grid-template-columns:1fr 1fr}}

@media (width<=860px){.sway-header{height:72px;padding:0 22px}
.sway-header nav{gap:20px}
.sway-header nav a:first-child,.sway-header nav a:last-child{display:none}
.brand{font-size:34px}
.header-end{gap:10px}
.nav-purchase{gap:10px;padding:9px 13px;font-size:12px!important}
.chapter-rail{gap:6px;inset-inline-end:12px}
.rail-line{width:9px}
.chapter-rail a.is-active .rail-line{width:19px}
.rail-name{display:none}
.sway-chapter{align-items:flex-start;min-height:0;padding:105px 30px 38px}
.hero-copy{width:85%}
.hero-copy h1{font-size:clamp(62px,12vw,100px)}
.hero-eyebrow{font-size:9px;margin-bottom:20px!important}
:lang(he) .hero-eyebrow{font-size:12px}
.hero-copy>p:not(.hero-eyebrow):not(.hero-season){margin-top:20px;font-size:15px}
.hero-discover{margin-top:15px;font-size:13px}
.hero-side-note{bottom:30px;inset-inline-start:30px}
/* phone: the landscape film stays whole in a 16:9 band; site.js paints the rest of the screen
   with the frame's own top and bottom colours, so the band melts into a full-screen scene */
.film-poster,.film-video{inset:auto 0 16% 0;height:auto;aspect-ratio:16/9;object-fit:cover;-webkit-mask-image:linear-gradient(#0000,#000 22%,#000 86%,#0000);mask-image:linear-gradient(#0000,#000 22%,#000 86%,#0000)}
.pack-chapter{justify-content:flex-start;padding-top:110px}
.pack-panel{margin:0}
.sway-chapter h2{font-size:clamp(48px,9.5vw,80px)}
.chapter-panel p{margin-top:18px;font-size:15px}
.space-chapter{padding-top:110px}
.space-panel h2{font-size:clamp(62px,12vw,94px)}
.colours-chapter{justify-content:center;align-items:center;padding:95px 45px 35px 25px}
[dir=rtl] .colours-chapter{padding:95px 25px 35px 45px}
.colour-panel{width:min(100%,470px);padding:22px}
.colour-heading h2{font-size:43px}
.colour-heading h2 br{display:none}
.variant-image{aspect-ratio:1.55;margin:20px 0 14px}
.small-label{font-size:9px!important}
:lang(he) .small-label{font-size:11px!important}
.details-chapter{align-items:center;padding:75px 45px 35px 25px}
[dir=rtl] .details-chapter{padding:75px 25px 35px 45px}
.detail-panel{grid-template-columns:.6fr 1fr;gap:20px;width:100%;padding:20px}
.detail-photo{min-height:290px}
.detail-copy h2{font-size:39px}
.detail-copy dl{margin:20px 0}
.detail-copy dt{font-size:13px}
.detail-copy dd{font-size:12px}
.yours-chapter{padding-top:110px}
.closing-purchase{width:260px}
.band{padding:90px 25px}
.band h2{font-size:clamp(46px,11vw,72px)}
.panel{padding:22px}
.sway-footer{padding:40px 25px 22px}
.footer-top>p{font-size:34px}
.footer-links{gap:12px;min-width:160px}
.footer-links a,.footer-links button{gap:10px;font-size:12px}
.footer-wordmark{margin-top:50px}
.brand-large{font-size:31vw}
.footer-bottom{gap:10px;font-size:10px}
.footer-bottom>span:nth-child(2){display:none}
.purchase-layout{grid-template-columns:1fr}
.purchase-photo{height:230px;min-height:0}
.purchase-photo img{object-position:center 50%}
.purchase-copy{padding:28px}
.purchase-copy h2{font-size:47px}
.purchase-dialog{width:calc(100vw - 28px)}
.facts-marquee{padding:18px 0}
.facts-track>span{font-size:13px}
.marquee-pause{padding:5px 14px}
.a11y-btn{width:42px;height:42px;bottom:calc(84px + env(safe-area-inset-bottom))}
.a11y-panel{bottom:calc(134px + env(safe-area-inset-bottom))}
.page__main{padding:48px 25px 72px}}

@media (width<=480px){.sway-header nav{display:none}
.lang{padding:5px 10px}
.hero-copy h1{font-size:70px}
.hero-copy{width:100%}
.hero-chapter{padding-top:118px}
.detail-panel{grid-template-columns:1fr;padding:20px}
.detail-photo{height:155px;min-height:0}
.detail-photo img{object-position:50% 50%}
.detail-copy h2{font-size:34px}
.detail-copy h2 br{display:none}
.detail-copy dl{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 6px;display:grid}
.detail-copy dl div:last-child{grid-column:1/-1}
.detail-copy dl div{margin:0 0 8px}
.detail-copy details{padding-top:10px}
.colour-picker legend{font-size:11px}
.colour-choice{font-size:12px}
.colour-panel{padding:22px 20px}
.variant-image{aspect-ratio:1.32}
.variant-price b{font-size:24px}
.variant-buy{width:48px;height:48px}
.footer-top{gap:20px}
.footer-links{min-width:150px}
.footer-top>p{font-size:30px}
.group-steps{grid-template-columns:1fr}
.fit-form,.field__grid,.speclist{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.sway-site *,.sway-site :before,.sway-site :after{transition:none!important;animation:none!important}
.sway-header{animation:none}
.facts-window{overflow-x:auto}
.facts-track:not(:first-child),.marquee-pause{display:none}
.chapter-panel{transform:none!important}}

/* Sukkot 2026 campaign band (24.9-10.10): same ivory band, serif title, coral rule and underline CTA */
.sukkot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}
.sukkot[hidden]{display:none}
.sukkot-copy>p{max-width:34ch;margin-top:24px;font-size:17px;line-height:1.6}
.sukkot-code{display:inline-flex;align-items:center;gap:14px;margin:28px 0 30px;padding:10px 12px 10px 18px;border:1px dashed var(--sway-ink);border-radius:12px;font:700 20px/1 var(--sway-sans);letter-spacing:.08em}
.sukkot-code button{border:0;border-radius:8px;background:var(--sway-ink);color:var(--sway-ivory);padding:8px 14px;font:700 13px/1 var(--sway-sans);letter-spacing:0;cursor:pointer}
.sukkot-code button:focus-visible{outline:3px solid var(--sway-coral);outline-offset:3px}
.sukkot-photo img{display:block;width:100%;height:auto;border-radius:18px;aspect-ratio:16/10;object-fit:cover}
@media (max-width:820px){.sukkot{grid-template-columns:1fr}.sukkot-photo{order:-1}}

/* coupon field in the order dialog */
.co-coupon{margin:18px 0 6px}
.co-coupon label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.co-coupon__row{display:flex;gap:8px}
.co-coupon__row input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--sway-rule);border-radius:10px;background:#fff;font:600 16px var(--sway-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--sway-ink)}
.co-coupon__row input:focus{outline:2px solid var(--sway-coral);outline-offset:1px}
.co-coupon__row button{height:44px;padding:0 18px;border:1px solid var(--sway-ink);border-radius:10px;background:none;font:700 14px var(--sway-sans);color:var(--sway-ink);cursor:pointer}
.co-coupon__ok{color:#2f7a5b!important;font-weight:700}
.sukkot .closing-purchase{color:var(--sway-ink);border-bottom-color:var(--sway-ink)}