@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');
@import "tailwindcss";

:root{--turquoise:#00ced1;--deep:#073f43;--ink:#123638;--paper:#f8f7f1;--white:#fff;--sand:#e8d9bd;--gold:#c38b48;--line:rgba(7,63,67,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}main{overflow-x:clip;overflow-y:visible}.section{padding:120px max(6vw,32px)}
img,video{display:block;max-width:100%;height:auto}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:4px}.products a:focus-visible,footer a:focus-visible{outline-color:var(--turquoise)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}[data-reveal].revealed{opacity:1;transform:none}
.nav-shell{height:88px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(255,255,255,.22);color:#fff}.brand{display:flex;align-items:center;font-size:12px;letter-spacing:.16em}.brand b{display:inline-block;white-space:nowrap;font-family:'Playfair Display',serif;font-size:16px;letter-spacing:.03em}.nav-shell nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav-shell nav a,.nav-shell nav button{position:relative;background:none;border:0;color:inherit;cursor:pointer;padding:10px 0}.nav-shell nav a:after,.nav-shell nav button:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:#fff;transition:right .3s}.nav-shell nav a:hover:after,.nav-shell nav button:hover:after{right:0}.menu-button{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:760px;height:100vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px max(6vw,32px) 70px;color:white;background:linear-gradient(118deg,#06484b 0%,#078f93 48%,#00ced1 100%)}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.17) 1px,transparent 1px);background-size:23px 23px;opacity:.17;mix-blend-mode:soft-light}.hero-copy,.hero-art{z-index:2;position:relative}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;display:flex;align-items:center;gap:12px}.eyebrow span{display:inline-block;width:30px;height:1px;background:currentColor}.hero h1,.products h2,.sizes h2,.ingredients h2,.breadcrumb-story h2,.request h2,.help h2{font-family:'Playfair Display',serif;font-size:clamp(52px,6.4vw,96px);line-height:.95;letter-spacing:-.045em;margin:30px 0}.hero h1 em,h2 em{font-weight:500;color:#c7ffff}.lead{max-width:590px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.8)}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.primary,.submit{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:#fff;color:var(--deep);padding:17px 21px;min-width:220px;font-weight:600;font-size:13px;transition:transform .3s,box-shadow .3s}.primary:hover,.submit:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(0,0,0,.18)}.text-link{font-size:13px;border-bottom:1px solid rgba(255,255,255,.5);padding:12px 0}.text-link span{margin-left:18px}.hero-art{height:580px}.turquoise-disc{position:absolute;width:430px;height:430px;border-radius:50%;background:#eee8d9;right:2%;top:10%;box-shadow:0 38px 80px rgba(0,0,0,.17)}.grissini-bundle{position:absolute;right:10%;top:4%;width:420px;height:500px;transform:rotate(8deg)}.grissini-bundle i{--rot:calc((var(--i) - 4) * 3deg);position:absolute;left:calc(36% + (var(--i) * 12px));top:45px;width:16px;height:440px;background:linear-gradient(90deg,#c8883d,#f2d18e 35%,#b8712e 80%,#e9ba68);border-radius:9px;transform:rotate(var(--rot));box-shadow:3px 5px 8px rgba(91,49,11,.2)}.grissini-bundle i:after{content:"";position:absolute;inset:8px 4px;background:repeating-linear-gradient(180deg,transparent 0 11px,rgba(101,56,14,.23) 12px 13px)}.seal{position:absolute;right:3%;bottom:5%;width:128px;height:128px;border-radius:50%;background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);outline:7px solid var(--deep);color:#fff;transform:rotate(8deg)}.seal strong{font:34px 'Playfair Display',serif}.seal small,.seal span{font-size:8px;letter-spacing:.25em}.art-caption{position:absolute;left:0;bottom:14%;font:italic 18px 'Playfair Display',serif;line-height:1.6}.flour-orb{position:absolute;border-radius:50%;filter:blur(2px);background:rgba(255,255,255,.08)}.orb-one{width:220px;height:220px;left:-80px;bottom:-80px}.orb-two{width:90px;height:90px;right:40%;top:17%}.scroll-hint{position:absolute;z-index:2;bottom:35px;left:max(6vw,32px);display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.25em}.scroll-hint i{width:60px;height:1px;background:#fff;position:relative}.scroll-hint i:after{content:"";position:absolute;right:0;width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-3px) rotate(-45deg)}
.marquee{background:#fff;color:var(--turquoise);height:52px;display:flex;align-items:center;white-space:nowrap;font-size:11px;letter-spacing:.18em;overflow:hidden}.marquee div{animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:15px;margin-bottom:60px}.section-label span{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:31px;height:31px}.section-label.light{color:#b9ffff}.story{background:var(--paper)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.kicker{font:clamp(38px,4.4vw,68px)/1.06 'Playfair Display',serif;margin:0}.kicker i{color:var(--turquoise)}.story-copy{font-size:16px;line-height:1.8;color:#456264}.story-copy p{margin:0 0 25px}.story-copy .dropcap{font-size:20px;color:var(--ink)}.dropcap:first-letter{float:left;font:74px/.8 'Playfair Display',serif;color:var(--turquoise);margin:8px 10px 0 0}.milestones{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:90px}.milestones div{padding:35px 24px;border-right:1px solid var(--line)}.milestones strong{display:block;font:42px 'Playfair Display',serif;color:var(--turquoise)}.milestones span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.products{background:var(--deep);color:white}.products-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.products h2{font-size:clamp(50px,6vw,86px);margin:0}.products-head>p{width:330px;color:#b8cbcb;line-height:1.7}.filters{display:flex;gap:9px;margin:55px 0 32px;flex-wrap:wrap}.filters button{border:1px solid rgba(255,255,255,.2);background:transparent;color:white;border-radius:30px;padding:10px 19px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.filters button.active,.filters button:hover{background:var(--turquoise);border-color:var(--turquoise)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{background:#fff;color:var(--ink);transition:transform .35s}.product-card:hover{transform:translateY(-8px)}.product-visual{height:230px;position:relative;display:grid;place-items:center;overflow:hidden;background:#dfe9e2}.product-visual:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.65)}.product-visual>span{font:italic 100px 'Playfair Display',serif;z-index:1;color:var(--turquoise);opacity:.65}.product-visual.v1{background:#d9efed}.product-visual.v2{background:#e7dcc7}.product-visual.v3{background:#b9d7d2}.mini-sticks{position:absolute;z-index:2;color:#b67934;letter-spacing:-2px;font-size:80px;transform:rotate(-18deg);font-family:serif}.product-info{padding:25px}.product-info small{text-transform:uppercase;letter-spacing:.18em;color:var(--turquoise);font-size:9px}.product-info h3{font:26px 'Playfair Display',serif;margin:10px 0}.product-info p{color:#657a7a;font-size:13px;line-height:1.6;min-height:42px}.product-info>div{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.product-cut{display:block;margin-top:7px;color:#00aeb1;font:600 11px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.products [hidden]{display:none!important}
.flavor-studio{margin-top:72px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);min-height:720px;overflow:hidden;background:#f3f0e6;color:var(--ink);box-shadow:0 38px 90px rgba(0,0,0,.18)}
.flavor-production{position:relative;min-height:720px;margin:0;overflow:hidden;background:#202f30}
.flavor-production img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 55%;filter:saturate(.8) contrast(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s}
.flavor-studio:hover .flavor-production img{transform:scale(1.025);filter:saturate(.95) contrast(1.04)}
.flavor-production:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,34,36,.05) 35%,rgba(3,34,36,.86) 100%)}
.production-label{position:absolute;z-index:2;top:28px;left:28px;padding:10px 14px;border:1px solid rgba(255,255,255,.5);border-radius:99px;background:rgba(4,55,58,.3);backdrop-filter:blur(8px);color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.19em}
.flavor-production figcaption{position:absolute;z-index:2;left:42px;right:35px;bottom:40px;color:#fff}
.flavor-production figcaption small{display:block;margin-bottom:11px;color:#b9ffff;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.flavor-production figcaption strong{font:500 clamp(35px,3.2vw,54px)/.98 'Playfair Display',serif;letter-spacing:-.025em}
.flavor-collection{position:relative;display:flex;flex-direction:column;padding:58px clamp(36px,4.5vw,72px) 44px;overflow:hidden}
.flavor-collection:before{content:"05";position:absolute;right:-16px;top:-45px;color:rgba(0,206,209,.08);font:220px/.9 'Playfair Display',serif}
.flavor-collection header{position:relative;z-index:1}
.collection-kicker{display:flex;align-items:center;gap:12px;color:#00aeb1;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.22em}
.collection-kicker:before{content:"";width:34px;height:1px;background:currentColor}
.flavor-collection h3{margin:19px 0 18px;font:500 clamp(43px,4.1vw,64px)/.95 'Playfair Display',serif;letter-spacing:-.04em}
.flavor-collection h3 em{color:var(--turquoise);font-weight:500}
.flavor-collection header p{max-width:520px;margin:0;color:#617778;font-size:13px;line-height:1.7}
.flavor-notes{position:relative;z-index:1;display:grid;gap:8px;margin:30px 28px 28px 0}
.flavor-note{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:55px;padding:8px 15px 8px 9px;border-left:3px solid var(--accent);background:rgba(255,255,255,.8);box-shadow:0 7px 18px rgba(6,62,65,.06);transform:translateX(var(--shift));transition:transform .3s,background .3s,box-shadow .3s}
.flavor-note:hover{transform:translateX(calc(var(--shift) + 7px));background:#fff;box-shadow:0 12px 28px rgba(6,62,65,.11)}
.flavor-note>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:8px;letter-spacing:.08em}
.flavor-note strong{font:500 22px 'Playfair Display',serif}
.flavor-note small{color:#758889;font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;text-align:right}
.flavor-request{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:auto;padding-top:23px;border-top:1px solid #c9d6d3}
.flavor-request small,.flavor-request strong{display:block}
.flavor-request small{margin-bottom:5px;color:#7c9191;font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.flavor-request strong{font:500 20px 'Playfair Display',serif}
.flavor-request a{display:inline-flex;align-items:center;gap:24px;padding:13px 16px;background:var(--deep);color:#fff;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s,background .25s}
.flavor-request a:hover{transform:translateY(-2px);background:#087b7f}
.sizes{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}.sizes h2{font-size:clamp(45px,5vw,75px)}.sizes h2 em,.breadcrumb-story h2 em,.help h2 em{color:var(--turquoise)}.sizes-copy>p{color:#587173;line-height:1.8;max-width:540px}.ruler{position:relative;height:570px;border-left:1px solid var(--line);padding-left:15%;display:flex;gap:13%;align-items:end}.size-line{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative}.stick{width:18px;border-radius:10px;background:linear-gradient(90deg,#b97630,#edca85 40%,#9d5c20);box-shadow:5px 7px 14px #a8855f55}.s0 .stick{height:250px}.s1 .stick{height:420px}.s2 .stick{height:500px}.size-line>span{margin-top:15px}.size-line>span strong{font:34px 'Playfair Display',serif;color:var(--turquoise)}.size-line small{text-transform:uppercase;letter-spacing:.15em;font-size:9px}.baby-pill{position:absolute;top:40px;right:0;padding:12px 18px;border-radius:30px;background:var(--turquoise);color:white;font-size:9px;letter-spacing:.12em}
.ingredients{background:var(--turquoise);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.ingredient-ring{width:min(35vw,450px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;position:relative}.ingredient-ring:before,.ingredient-ring:after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.35);border-radius:50%;inset:9%;animation:spin 30s linear infinite}.ingredient-ring:after{inset:20%;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.ingredient-ring div{text-align:center}.ingredient-ring span{display:block;font:140px/.8 'Playfair Display',serif}.ingredient-ring small{text-transform:uppercase;letter-spacing:.2em}.ingredients h2{font-size:clamp(48px,5vw,76px);margin:0 0 25px}.ingredient-copy>p{max-width:600px;line-height:1.8;color:#e2ffff}.ingredient-list{display:grid;grid-template-columns:repeat(2,1fr);margin-top:35px;border-top:1px solid rgba(255,255,255,.3)}.ingredient-list span{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.3)}.ingredient-list b{font-size:9px;margin-right:18px;opacity:.7}
.breadcrumb-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.breadcrumb-story h2{font-size:clamp(48px,5.2vw,78px)}.crumb-copy>p{line-height:1.8;color:#587173}.feature-note{margin-top:30px;border-left:3px solid var(--turquoise);padding:7px 0 7px 20px}.feature-note strong,.feature-note span{display:block}.feature-note span{font-size:13px;color:#698080;margin-top:8px}.process{display:flex;align-items:center;justify-content:space-between;position:relative}.process:before{content:"";position:absolute;left:10%;right:10%;top:48%;border-top:1px dashed var(--turquoise)}.process>div{text-align:center;z-index:1}.process span{font-size:9px}.process-dot{width:110px;height:110px;border-radius:50%;overflow:hidden;isolation:isolate;background:#fff;border:6px solid var(--paper);outline:2px solid var(--turquoise);box-shadow:0 14px 32px rgba(7,63,67,.16);margin:15px 0;position:relative}.process-image{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.process-image-produciamo{object-position:50% 72%}.process-image-trituriamo{object-position:50% 53%;transform:scale(2.15)}.process-image-trasformiamo{object-position:50% 52%;transform:scale(2.15)}.process>div:hover .process-image-produciamo{transform:scale(1.08)}.process>div:hover .process-image-trituriamo,.process>div:hover .process-image-trasformiamo{transform:scale(2.3)}.process strong{font:18px 'Playfair Display',serif}
.request{background:#e5f1ef;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.request h2{font-size:clamp(48px,5vw,76px)}.request h2 em{color:var(--turquoise)}.request-copy>p{color:#597274;max-width:550px;line-height:1.7}.request-copy>a{display:inline-flex;gap:30px;margin-top:25px;font:26px 'Playfair Display',serif;border-bottom:1px solid}.request form{background:white;padding:45px;box-shadow:0 25px 80px rgba(7,63,67,.09)}label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:22px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #bfd0cf;background:transparent;padding:11px 0;outline:0;color:var(--ink);text-transform:none;letter-spacing:0}input:focus,select:focus,textarea:focus{border-color:var(--turquoise)}textarea{resize:vertical}.submit{border:0;background:var(--deep);color:white;width:100%;cursor:pointer}.success{text-align:center;padding:30px 0}.success>span{display:grid;place-items:center;width:65px;height:65px;margin:auto;border-radius:50%;background:var(--turquoise);color:#fff;font-size:28px}.success h3{font:35px 'Playfair Display',serif}.success p{color:#658080;line-height:1.7}.success button{border:0;background:var(--deep);color:#fff;padding:12px 20px;cursor:pointer}
.request-copy .login-requirement{margin-top:25px;padding:14px 0 14px 18px;border-left:3px solid var(--turquoise);font-size:13px}.login-requirement strong{display:block;color:var(--deep);font-size:14px;margin-bottom:4px}.request-form-wrap{align-self:start}.request input[readonly]{color:#6c8182;background:#f4f8f7;cursor:not-allowed}.signed-in-as{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-5px 0 28px;padding-bottom:16px;border-bottom:1px solid var(--line)}.signed-in-as span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7b8f90}.signed-in-as strong{font:18px 'Playfair Display',serif}.request-notice{margin-bottom:14px;padding:14px 17px;background:#ddf8f6;border-left:4px solid var(--turquoise);color:var(--deep);font-size:13px;line-height:1.5}.request-notice.error{background:#fff0ee;border-color:#be564f;color:#77332e}.request-gate{align-self:start;background:#fff;padding:45px;box-shadow:0 25px 80px rgba(7,63,67,.09);position:relative;overflow:hidden}.request-gate:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-105px;bottom:-105px;background:rgba(0,206,209,.12)}.gate-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;font-size:22px;margin-bottom:28px;box-shadow:0 0 0 8px rgba(0,206,209,.14)}.request-gate>small{color:#00aeb1;font-weight:600;letter-spacing:.2em}.request-gate h3{font:600 clamp(38px,4vw,55px)/1.02 'Playfair Display',serif;margin:15px 0}.request-gate>p{color:#637a7b;line-height:1.7;font-size:14px;max-width:500px}.gate-actions{display:grid;gap:13px;margin-top:30px;position:relative;z-index:1}.gate-primary{display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:#fff;padding:17px 19px;font-weight:600;transition:transform .25s,background .25s}.gate-primary:hover{background:#075b60;transform:translateY(-2px)}.gate-secondary{text-align:center;color:var(--deep);font-size:13px;font-weight:600;text-decoration:underline;text-decoration-color:var(--turquoise);text-decoration-thickness:2px;text-underline-offset:5px;padding:8px}.request-gate .gate-security{border-top:1px solid var(--line);padding-top:18px;margin:20px 0 0;font-size:11px;color:#829394}.gate-security span{color:var(--turquoise);margin-right:6px}
.help{padding:100px max(6vw,32px);background:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.help small{letter-spacing:.2em}.help h2{font-size:clamp(42px,4.5vw,68px)}.help-links a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:22px 0;border-bottom:1px solid var(--line)}.help-links span{grid-column:1;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--turquoise)}.help-links strong{font:20px 'Playfair Display',serif}.help-links a>span:last-child{grid-row:1/3;grid-column:2;color:var(--ink);font-size:18px;align-self:center}
footer{background:var(--deep);color:#dce9e7;padding:70px max(6vw,32px) 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:55px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-top p{font:italic 24px 'Playfair Display',serif;color:#8bcac7}.footer-grid{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;gap:40px;padding:50px 0}.footer-grid small{font-size:9px;letter-spacing:.2em;color:#70b5b3}.footer-grid p{font-size:13px;line-height:1.8;color:#adbfbd}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#799a98}
.footer-cookie-link{padding:0;border:0;border-bottom:1px solid rgba(112,181,179,.55);background:transparent;color:#9ec3c0;font:inherit;letter-spacing:inherit;cursor:pointer;transition:color .2s,border-color .2s}.footer-cookie-link:hover{border-color:var(--turquoise);color:#fff}.footer-cookie-link:focus-visible{outline:3px solid var(--turquoise);outline-offset:4px}
.modal{position:fixed;z-index:50;inset:0;background:rgba(2,33,35,.84);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.modal>div{background:var(--paper);padding:50px;width:min(460px,100%);animation:modalIn .35s ease}.modal h2{font:52px 'Playfair Display',serif;margin:12px 0}.modal p{color:#607878;line-height:1.6}.modal>div>button{width:100%;padding:14px;background:var(--turquoise);border:0;color:white;cursor:pointer}.modal>div>a{display:block;text-align:center;margin-top:18px;font-size:11px;text-decoration:underline}.modal-close{position:absolute;right:30px;top:20px;border:0;background:none;color:white;font-size:40px;cursor:pointer}@keyframes modalIn{from{transform:translateY(20px);opacity:0}}
@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-shell nav{gap:22px}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.hero-art{transform:scale(.82);transform-origin:center right}.hero-copy{min-width:0}.lead{max-width:100%}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.hero-art{height:520px;transform:none}.hero-art .turquoise-disc{width:300px;height:300px;right:0;top:20%}.hero-art .grissini-bundle{width:300px;right:0;top:2%}.hero-art .seal{width:100px;height:100px;right:0;bottom:6%}.hero-art .seal strong{font-size:27px}.hero-art .art-caption{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flavor-studio{grid-template-columns:1fr}.flavor-production{min-height:540px}.flavor-collection{min-height:650px}.story-grid,.sizes,.ingredients,.breadcrumb-story,.request,.help{grid-template-columns:1fr}.story-grid,.sizes,.ingredients,.breadcrumb-story,.request,.help{gap:60px}.ingredient-ring{width:min(380px,80vw);margin:auto}.ruler{width:100%;max-width:620px;margin:auto}.request form,.request-form-wrap,.request-gate{width:100%;max-width:650px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav-shell{height:74px;padding:0 24px}.menu-button{display:block;z-index:2;min-width:44px;min-height:44px}.nav-shell nav{display:none;position:absolute;top:0;left:0;right:0;max-height:100dvh;overflow-y:auto;background:var(--deep);padding:90px 28px 32px;flex-direction:column;align-items:flex-start;gap:12px}.nav-shell nav.open{display:flex}.nav-shell nav a,.nav-shell nav button{width:100%;min-height:44px;text-align:left}.hero{height:auto;min-height:0;grid-template-columns:1fr;padding-top:125px;padding-bottom:85px}.hero-copy{width:100%;max-width:760px}.hero-art{position:relative;right:auto;top:auto;width:100%;height:440px;margin-top:15px;transform:none;opacity:1}.hero-art .turquoise-disc{width:380px;height:380px;right:50%;top:25px;transform:translateX(50%)}.hero-art .grissini-bundle{width:420px;right:50%;top:0;transform:translateX(50%) rotate(8deg)}.hero-art .seal{width:128px;height:128px;right:calc(50% - 215px);bottom:15px}.hero-art .seal strong{font-size:34px}.scroll-hint{bottom:25px}}
@media(max-width:720px){.section{padding:80px 22px}.nav-shell{height:70px;padding:0 20px}.brand{letter-spacing:.12em}.brand b{font-size:13px}.hero{padding:105px 22px 75px}.hero h1{font-size:clamp(47px,14.5vw,64px);overflow-wrap:anywhere}.lead{font-size:15px;line-height:1.65;max-width:100%}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.primary{width:min(100%,290px)}.hero-art{height:380px;margin-top:5px}.hero-art .turquoise-disc{width:320px;height:320px;top:30px}.hero-art .grissini-bundle{top:-25px;transform:translateX(50%) scale(.78) rotate(8deg)}.hero-art .seal{width:100px;height:100px;right:calc(50% - 180px);bottom:20px}.hero-art .seal strong{font-size:27px}.scroll-hint{left:22px;bottom:20px}.story-grid{gap:40px}.milestones{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:60px}.milestones div{padding:28px 12px}.milestones strong{font-size:36px}.products-head{align-items:flex-start;flex-direction:column}.products-head>p{width:auto}.product-grid{grid-template-columns:1fr}.flavor-studio{margin-top:48px}.flavor-production{min-height:430px}.flavor-production figcaption{left:24px;right:20px;bottom:25px}.production-label{top:18px;left:18px}.flavor-collection{min-height:0;padding:38px 22px 28px}.flavor-collection:before{font-size:150px}.flavor-notes{margin:26px 0}.flavor-note{--shift:0px!important;grid-template-columns:36px minmax(0,1fr);padding-right:12px;transform:none}.flavor-note:hover{transform:translateX(4px)}.flavor-note small{grid-column:2;text-align:left;margin-top:-8px}.flavor-request{align-items:flex-start;flex-direction:column}.flavor-request a{width:100%;justify-content:space-between}.ruler{height:450px;padding-left:0;gap:7%;justify-content:center;border-left:0}.s0 .stick{height:180px}.s1 .stick{height:300px}.s2 .stick{height:380px}.size-line>span strong{font-size:28px}.baby-pill{top:10px}.ingredient-ring{width:min(290px,82vw)}.ingredient-ring span{font-size:100px}.ingredient-list{grid-template-columns:1fr}.process{gap:5px}.process-dot{width:70px;height:70px;border-width:4px}.process strong{font-size:14px}.request form,.request-gate{padding:28px 22px}.request-copy>a{font-size:22px}.signed-in-as{align-items:flex-start;flex-direction:column;gap:5px}.request-gate h3{font-size:40px}.footer-top{align-items:flex-start;flex-direction:column;gap:20px}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:14px;flex-direction:column}.help-links strong{font-size:16px;overflow-wrap:anywhere}.modal>div{padding:36px 24px}.modal h2{font-size:42px}}
@media(max-width:460px){.section{padding-left:18px;padding-right:18px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:44px}.hero .eyebrow{font-size:9px;letter-spacing:.13em}.hero-art{display:block;height:305px;margin-top:10px}.hero-art .turquoise-disc{width:250px;height:250px;top:25px}.hero-art .grissini-bundle{top:-80px;transform:translateX(50%) scale(.58) rotate(8deg)}.hero-art .seal{width:82px;height:82px;right:calc(50% - 142px);bottom:22px;outline-width:4px}.hero-art .seal strong{font-size:22px}.hero-art .seal small,.hero-art .seal span{font-size:6px}.lead{max-width:100%}.milestones{grid-template-columns:1fr 1fr}.milestones span{font-size:9px}.ruler{height:390px;gap:5%}.s0 .stick{height:150px}.s1 .stick{height:255px}.s2 .stick{height:325px}.stick{width:14px}.size-line>span strong{font-size:24px}.baby-pill{right:auto;left:0}.process{align-items:flex-start}.process:before{top:41%}.process-dot{width:58px;height:58px}.help{padding-left:18px;padding-right:18px}.help-links a{grid-template-columns:minmax(0,1fr) auto}.footer-top p{font-size:20px}}
/* Aggiornamenti tipografici e quarto formato baby */
.brand{font-size:15px}.brand b{font-size:23px}.nav-shell nav{font-size:16.25px}
.primary{font-size:16.25px;min-width:250px}.text-link{font-size:16.25px}.scroll-hint{font-size:11.25px}
.section-label{font-size:15px;gap:20px}.section-label span{width:46px;height:46px;flex:0 0 46px}
.ruler{padding-left:8%;gap:9%}.size-line{min-width:54px}.s3 .stick{height:115px;width:14px}.s3>span strong{font-size:26px}.size-line small{text-align:center}.baby-pill{display:none}
@media(max-width:720px){.brand b{font-size:18.6875px}.primary{width:min(100%,310px)}.ruler{gap:4%}.s3 .stick{height:85px}.s3>span strong{font-size:21px}}
@media(max-width:460px){.ruler{gap:2%}.size-line{min-width:48px}.s3 .stick{height:70px;width:11px}.s3>span strong{font-size:18px}}
.product-visual.product-photo{height:333px;background:#fff;isolation:isolate}.product-visual.product-photo:before{display:none}.product-photo img{position:absolute;inset:12px;display:block;width:calc(100% - 24px);height:calc(100% - 24px);max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none!important}
.product-photo.monodose-photo img{transform:scale(1.18)!important}
@media(max-width:720px){.product-visual{height:260px}.product-visual.product-photo{height:376px}.product-photo img{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px)}}
.length-chart{position:relative;width:100%;max-width:640px;margin:0;justify-self:center;overflow:hidden;background:#fff;border:1px solid rgba(7,63,67,.12);box-shadow:0 30px 70px rgba(7,63,67,.14)}
.length-photo{height:650px;position:relative;overflow:hidden;background:#fff}
.length-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,63,67,.035),transparent 28%,transparent 72%,rgba(7,63,67,.035));pointer-events:none}
.length-photo img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.6);filter:saturate(.93) contrast(1.02)}
.length-callouts{position:absolute;z-index:2;inset:0;margin:0;pointer-events:none}
.length-callout{--line:100px;position:absolute;width:150px;padding:12px 14px 11px;border-left:3px solid var(--turquoise);background:rgba(7,63,67,.92);box-shadow:0 14px 30px rgba(7,63,67,.17);color:#fff;backdrop-filter:blur(7px);transition:transform .3s,background .3s}
.length-callout:hover{background:#075b60}
.length-callout>span{display:block;margin-bottom:3px;color:#7ffbfd;font-size:7px;font-weight:600;letter-spacing:.16em}
.length-callout strong{display:block;font:500 22px/1 'Playfair Display',serif}
.length-callout small{display:block;margin-top:5px;color:#bdfdfe;font-size:7px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.length-callout:after{content:"";position:absolute;top:50%;width:var(--line);height:1px;background:linear-gradient(90deg,var(--turquoise),rgba(0,206,209,.35));transform:scaleX(0)}
.length-callout:before{content:"";position:absolute;z-index:1;top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:var(--turquoise);opacity:0}
.callout-left:after{left:100%;transform-origin:left center}.callout-left:before{left:calc(100% + var(--line) - 3px)}
.callout-right:after{right:100%;transform-origin:right center}.callout-right:before{right:calc(100% + var(--line) - 3px)}
.length-chart.revealed .length-callout:after{animation:calloutLine .8s cubic-bezier(.2,.75,.2,1) .25s forwards}
.length-chart.revealed .length-callout:before{animation:calloutDot .3s ease 1s forwards}
@keyframes calloutLine{to{transform:scaleX(1)}}@keyframes calloutDot{to{opacity:1}}
.callout-baby{left:4%;top:76%;--line:55px}.callout-baby:hover{transform:translateX(5px)}
.callout-short{left:4%;top:52%;--line:101px}.callout-short:hover{transform:translateX(5px)}
.callout-medium{left:4%;top:31%;--line:134px}.callout-medium:hover{transform:translateX(5px)}
.callout-long{right:4%;top:11%;--line:86px}.callout-long:hover{transform:translateX(-5px)}
@media(max-width:720px){.length-chart{max-width:560px}.length-photo{height:540px}.length-photo img{transform:scale(1.52)}.length-callout{width:122px;padding:9px 10px 8px}.length-callout strong{font-size:18px}.callout-baby{left:3%;--line:38px}.callout-short{left:3%;--line:113px}.callout-medium{left:3%;--line:90px}.callout-long{right:3%;--line:45px}}
@media(max-width:460px){.length-photo{height:500px}.length-photo img{transform:scale(1.48)}.length-callout{width:106px;padding:8px 8px 7px}.length-callout strong{font-size:16px}.length-callout small{font-size:6px;letter-spacing:.08em}.callout-baby{left:2%;top:77%;--line:18px}.callout-short{left:2%;top:53%;--line:45px}.callout-medium{left:2%;top:31%;--line:69px}.callout-long{right:2%;top:10%;--line:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}

/* Selettore lingua */
.language-switcher{display:flex;align-items:center;gap:7px;margin-right:4px;padding-right:20px;border-right:1px solid rgba(255,255,255,.28)}
.nav-shell nav .language-button{position:relative;display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 18px rgba(0,42,45,.12);color:#fff;cursor:pointer;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;backdrop-filter:blur(9px)}
.nav-shell nav .language-button:after{content:"";position:absolute;left:50%;bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fff;opacity:0;transform:translateX(-50%) scale(.4);transition:opacity .25s,transform .25s}
.nav-shell nav .flag-icon{display:block;width:22px;height:15px;border-radius:2px;border:1px solid rgba(5,35,38,.14);box-shadow:0 2px 5px rgba(0,0,0,.2);transform:translateY(-.5px)}
.flag-it{background:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666%)}
.flag-fr{background:linear-gradient(90deg,#002395 0 33.333%,#fff 33.333% 66.666%,#ed2939 66.666%)}
.nav-shell nav .flag-image{overflow:hidden;background:#012169}
.nav-shell nav .flag-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045)}

/* Modulo richiesta: leggibilità e selezione personalizzata */
.request-form-wrap .form-field{display:block;margin:0 0 28px;font-size:inherit;letter-spacing:0;text-transform:none}
.request-form-wrap .field-label{display:block;color:var(--deep);font-size:12px;font-weight:600;letter-spacing:.144em;line-height:1.35;text-transform:uppercase}
.request-form-wrap .form-field input:not([type="hidden"]),.request-form-wrap .form-field textarea{width:100%;margin-top:11px;padding:14px 2px 13px;border:0;border-bottom:2px solid #b7cdcb;background:transparent;color:var(--ink);font-size:16px;line-height:1.5;letter-spacing:0;text-transform:none;transition:border-color .25s,background .25s,box-shadow .25s}
.request-form-wrap .form-field textarea{min-height:132px;padding:14px 13px;border:1px solid #c2d5d3;border-radius:12px;background:#f8fbfa;resize:vertical}
.request-form-wrap .form-field input[readonly]{padding-right:12px;padding-left:12px;border-color:#d3e2e0;border-radius:9px;background:#f1f7f6;color:#5f7778}
.request-form-wrap .form-field input:not([type="hidden"]):hover,.request-form-wrap .form-field textarea:hover{border-color:#69bfc0}
.request-form-wrap .form-field input:not([type="hidden"]):focus,.request-form-wrap .form-field textarea:focus{border-color:var(--turquoise);background:#fff;box-shadow:0 5px 0 -3px rgba(0,206,209,.2);outline:0}
.request-form-wrap .form-field input:not([type="hidden"]):focus-visible,.request-form-wrap .form-field textarea:focus-visible{outline:0}
.request-form-wrap .form-field input::placeholder,.request-form-wrap .form-field textarea::placeholder{color:#7b9293;opacity:1}
.interest-select{position:relative;margin-top:11px}
.interest-select input[type="hidden"]{display:none!important}
.interest-select-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:14px 18px;border:1px solid #b8cecc;border-radius:14px;background:linear-gradient(135deg,#fff,#f3faf9);box-shadow:0 8px 24px rgba(7,63,67,.06);color:var(--ink);font-size:16px;font-weight:500;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
.interest-select-trigger:hover{border-color:#59babb;box-shadow:0 12px 28px rgba(7,63,67,.1);transform:translateY(-1px)}
.interest-select-trigger:focus,.interest-select-trigger:focus-visible{border-color:var(--turquoise);box-shadow:0 0 0 4px rgba(0,206,209,.15),0 12px 28px rgba(7,63,67,.1);outline:0}
.interest-select-chevron{width:10px;height:10px;margin:0 3px 5px 18px;border-right:2px solid var(--turquoise);border-bottom:2px solid var(--turquoise);transform:rotate(45deg);transition:transform .25s}
.interest-select.open .interest-select-chevron{margin-bottom:-3px;transform:rotate(225deg)}
.interest-options{position:absolute;z-index:30;top:calc(100% + 9px);right:0;left:0;display:grid;gap:5px;padding:8px;border:1px solid rgba(7,63,67,.12);border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(7,63,67,.2);backdrop-filter:blur(12px)}
.interest-options[hidden]{display:none}
.interest-option{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;min-height:50px;padding:8px 12px 8px 8px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-size:15px;line-height:1.35;text-align:left;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.interest-option:hover,.interest-option:focus-visible{background:#e7fbfa;color:var(--deep);outline:0;transform:translateX(3px)}
.interest-option[aria-selected="true"]{background:var(--deep);color:#fff;box-shadow:0 8px 20px rgba(7,63,67,.18)}
.interest-option[aria-selected="true"]:hover,.interest-option[aria-selected="true"]:focus-visible{background:#075b60;color:#fff}
.interest-option-index{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(0,206,209,.35);border-radius:50%;color:#00aeb1;font-size:9px;font-weight:600;letter-spacing:.08em}
.interest-option[aria-selected="true"] .interest-option-index{border-color:rgba(255,255,255,.32);color:#8ff9fa}
.interest-option-label{overflow-wrap:anywhere}
.interest-option-mark{color:var(--turquoise);font-size:15px;font-weight:700;opacity:0;transform:scale(.65);transition:opacity .2s,transform .2s}
.interest-option[aria-selected="true"] .interest-option-mark{opacity:1;transform:scale(1)}
@media(max-width:720px){.request-form-wrap .form-field{margin-bottom:25px}.request-form-wrap .field-label{font-size:12px}.request-form-wrap .form-field input:not([type="hidden"]),.request-form-wrap .form-field textarea,.interest-select-trigger{font-size:16px}.interest-options{position:relative;top:auto;margin-top:8px;box-shadow:0 16px 38px rgba(7,63,67,.14)}}
.nav-shell nav .language-button:hover{transform:translateY(-2px);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.25),0 11px 24px rgba(0,42,45,.2)}
.nav-shell nav .language-button.active,.nav-shell nav .language-button[aria-pressed="true"]{background:#fff;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.16),0 10px 24px rgba(0,42,45,.22)}
.nav-shell nav .language-button.active:after,.nav-shell nav .language-button[aria-pressed="true"]:after{opacity:1;transform:translateX(-50%) scale(1)}
.nav-shell nav .language-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:900px){.nav-shell nav .language-switcher{width:auto;flex-direction:row;align-self:flex-start;margin:0 0 12px;padding:0 0 17px;border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}.nav-shell nav .language-button{width:38px;min-width:38px;height:38px;min-height:38px;text-align:center}.nav-shell nav .flag-icon{width:24px;height:16px}}

/* Fotografia editoriale nella hero */
.hero-photo-art{height:620px;min-width:0;transform:none}
.hero-photo-frame{position:absolute;z-index:2;right:5%;top:0;width:min(31vw,440px);height:580px;margin:0;overflow:hidden;border:6px solid rgba(255,255,255,.82);border-radius:230px 230px 26px 26px;background:#d9d5c9;box-shadow:0 35px 75px rgba(0,44,47,.28)}
.hero-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(2,34,36,.76) 100%);pointer-events:none}
.hero-photo-frame img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 68%;transform:scale(1.025);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);filter:saturate(.92) contrast(1.03)}
.hero-photo-art:hover .hero-photo-frame img{transform:scale(1.065)}
.hero-photo-frame figcaption{position:absolute;z-index:2;left:30px;right:105px;bottom:25px;color:#fff;display:grid;gap:6px}
.hero-photo-frame figcaption small{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#a9ffff}
.hero-photo-frame figcaption strong{font:600 24px/1.08 'Playfair Display',serif}
.hero-photo-art .hero-photo-seal{z-index:4;right:0;bottom:24px;transform:rotate(7deg)}
.hero-photo-art .hero-photo-caption{display:none}

@media(max-width:1100px){
  .hero-photo-art{height:560px}
  .hero-photo-frame{right:2%;width:min(32vw,380px);height:520px}
  .hero-photo-frame figcaption{left:23px;right:90px}
  .hero-photo-frame figcaption strong{font-size:21px}
}
@media(max-width:900px){
  .hero-photo-art{height:590px;margin-top:35px}
  .hero-photo-frame{right:50%;top:0;width:min(76vw,430px);height:550px;transform:translateX(50%)}
  .hero-photo-art .hero-photo-seal{right:calc(50% - 235px);bottom:18px}
  .hero-photo-art .hero-photo-caption{display:none}
}
@media(max-width:720px){
  .hero-photo-art{height:535px;margin-top:28px}
  .hero-photo-frame{width:min(88vw,390px);height:500px;border-width:5px;border-radius:210px 210px 24px 24px}
  .hero-photo-art .hero-photo-seal{right:calc(50% - 205px);bottom:10px}
}
@media(max-width:460px){
  .hero-photo-art{display:block;height:455px;margin-top:25px}
  .hero-photo-frame{width:calc(100% - 24px);height:430px;border-radius:180px 180px 20px 20px}
  .hero-photo-frame figcaption{left:20px;right:100px;bottom:18px}
  .hero-photo-frame figcaption strong{font-size:19px}
  .hero-photo-art .hero-photo-seal{width:82px;height:82px;right:0;bottom:3px;outline-width:4px}
  .hero-photo-art .hero-photo-seal strong{font-size:22px}
  .hero-photo-art .hero-photo-seal small,.hero-photo-art .hero-photo-seal span{font-size:6px}
}