/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.inline{display:inline}.table{display:table}}:root{--ink:#10100f;--paper:#f5f0e6;--gold:#c69a45;--light:#e0bc77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}nav{z-index:4;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 5vw;display:flex;position:absolute}.brand{letter-spacing:.12em;font:400 2rem Georgia,serif}.links{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:2rem;font-size:.64rem;display:flex}.outlined{border:1px solid var(--gold);padding:.7rem 1rem}.menu{display:none}.hero{background:#0b0b0a;align-items:center;height:100vh;min-height:720px;padding:8rem 10vw;display:flex;position:relative;overflow:hidden}.hero-photo{opacity:.8;background:linear-gradient(90deg,#080807 7%,#080807d9 36%,#0000 76%),linear-gradient(#0000 64%,#090908 100%),url(/trafiloro-progetto.png) 50%/cover;position:absolute;inset:0}.hero-copy,.seal{z-index:1;position:relative}.hero-copy{max-width:610px}.eyebrow{color:var(--light);letter-spacing:.18em;margin:0 0 1.3rem;font-size:.68rem;font-weight:700}h1,h2{letter-spacing:-.05em;margin:0;font:400 clamp(3.4rem,7vw,7rem)/.93 Georgia,serif}em{color:var(--light)}.hero-copy>p:not(.eyebrow){color:#d1ccc1;max-width:420px;margin:2rem 0;line-height:1.75}.underlined{letter-spacing:.14em;text-transform:uppercase;color:var(--light);border-bottom:1px solid var(--gold);padding-bottom:.7rem;font-size:.68rem}.seal{text-align:center;background:#0c0c0bdf;border:1px solid #c69a4577;flex-direction:column;align-items:center;gap:.7rem;padding:2rem 2.5rem;display:flex;position:absolute;bottom:13vh;right:10vw}.seal span{color:var(--light)}.seal small,.seal i{letter-spacing:.18em;color:var(--light);font-size:.52rem;font-style:normal}.seal b{letter-spacing:.1em;font:400 2rem Georgia,serif}.manifesto{background:var(--paper);color:var(--ink);padding:10rem 10vw 8rem}.manifesto .eyebrow,.method .eyebrow{color:#89652a}.manifesto h2{max-width:900px}.manifesto>div{grid-template-columns:1fr 1fr;gap:4rem;max-width:740px;margin:4rem 0 0 auto;display:grid}.manifesto p{color:#4b4740;line-height:1.75}.collection{padding:9rem 5vw}.collection header{justify-content:space-between;align-items:end;margin:0 5vw 4rem;display:flex}.collection header>p{color:#aaa397;max-width:290px;line-height:1.7}.products{border-top:1px solid #fff2;border-left:1px solid #fff2;grid-template-columns:repeat(5,1fr);display:grid}.products article{border-bottom:1px solid #fff2;border-right:1px solid #fff2;padding:1.2rem 1.2rem 2rem}.pasta{background:linear-gradient(140deg,#302718,#0a0a09);justify-content:center;align-items:center;height:230px;display:flex;position:relative;overflow:hidden}.pasta span{color:var(--gold);z-index:1;font-size:.58rem;position:absolute;top:.6rem;left:.7rem}.pasta b{filter:drop-shadow(0 8px 5px #000);background:repeating-linear-gradient(90deg,#a76c25 0 4px,#edbf66 5px 9px,#d49235 10px 13px);width:65%;height:84%}.p1 b{transform:rotate(30deg)}.p2 b{clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);width:52%}.p3 b{clip-path:polygon(0 10%,30% 0,45% 30%,75% 15%,100% 35%,77% 58%,93% 90%,62% 100%,45% 70%,15% 85%,0 60%,25% 40%)}.p4 b{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,15% 80%,85% 80%,85% 20%,15% 20%);width:50%}.products small{color:var(--gold);letter-spacing:.16em;margin-top:1.5rem;font-size:.55rem;display:block}.products h3{margin:.5rem 0;font:400 1.7rem Georgia,serif}.products p{color:#aaa397;font-size:.75rem;line-height:1.55}.collection aside{text-align:center;color:#8d8579;padding:2rem;font-size:.7rem}.method{background:var(--paper);color:var(--ink);grid-template-columns:1fr 1fr;display:grid}.method-image{background:#0c0c0b;min-height:700px}.method-copy{padding:9rem 10%}.method ol{border-top:1px solid #cbc4b8;margin:4rem 0 0;padding:0;list-style:none}.method li{border-bottom:1px solid #cbc4b8;grid-template-columns:48px 1fr;gap:1rem;padding:1.4rem 0;display:grid}.method li>span{color:#987132;font-size:.62rem}.method h3{margin:0;font:400 1.4rem Georgia,serif}.method li p{color:#625d54;margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.pantry{background:linear-gradient(125deg,#1c1913,#0c0c0b);grid-template-columns:1.3fr 1fr;gap:4rem;padding:9rem 10vw;display:grid}.pantry>p{color:#b7b0a5;line-height:1.7}.pantry footer{border-top:1px solid #ffffff20;grid-column:1/-1;gap:1rem;padding-top:2rem;display:flex}.pantry footer span{color:var(--light);letter-spacing:.15em;border:1px solid #c69a4560;padding:.65rem .8rem;font-size:.58rem}.contact{text-align:center;color:#17130e;background:#b58942;padding:10rem 5vw}.contact .eyebrow{color:#3a2d1b}.contact em{color:#f7ebd3}.contact form{border-bottom:1px solid #312516;max-width:540px;margin:3rem auto 1rem;display:flex}.contact input{background:0 0;border:0;outline:0;flex:1;padding:1rem 0;font:1rem Georgia,serif}.contact button{letter-spacing:.12em;cursor:pointer;background:0 0;border:0;font-size:.58rem;font-weight:700}.contact small,.success{color:#554226;font-size:.66rem}.success{margin:3rem}.bottom{color:#aaa397;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:3rem 5vw;font-size:.6rem;display:flex}@media (max-width:800px){nav{height:70px}.menu{color:#fff;background:0 0;border:0;font-size:1.2rem;display:block}.links{display:none}.links.open{background:#0d0d0c;flex-direction:column;align-items:flex-start;padding:2rem 5vw;display:flex;position:absolute;top:70px;left:0;right:0}.hero{padding:7rem 7vw}.seal{transform-origin:100% 100%;bottom:6vh;right:4vw;transform:scale(.75)}.manifesto,.method-copy,.pantry{padding:6rem 7vw}.manifesto>div,.pantry{grid-template-columns:1fr;gap:2rem}.collection header{margin:0 2vw 3rem;display:block}.products{grid-template-columns:repeat(2,1fr)}.method{grid-template-columns:1fr}.method-image{min-height:380px}.bottom{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:450px){.seal{display:none}.products{grid-template-columns:1fr}.pasta{height:280px}.bottom .brand{font-size:1.5rem}}.pasta b{clip-path:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%!important;height:100%!important;transform:none!important}.p0 b{background-image:url(/trafiloro-spaghetti.png)!important}.p1 b{background-image:url(/trafiloro-penne-rigate.png)!important}.p2 b{background-image:url(/trafiloro-rigatoni.png)!important}.p3 b{background-image:url(/trafiloro-fusilli.png)!important}.p4 b{background-image:url(/trafiloro-paccheri.png)!important}.package-stage,.pantry-stage{background:radial-gradient(circle at 50% 48%,#44351f 0,#171511 46%,#090908 78%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.package-stage{height:300px}.package-stage>span{z-index:2;color:var(--gold);font-size:.58rem;position:absolute;top:.7rem;left:.8rem}.package-crop{flex:none;position:relative;overflow:hidden}.package-crop img{max-width:none;height:auto;position:absolute}.crop-spaghetti,.crop-penne,.crop-rigatoni,.crop-fusilli,.crop-paccheri{width:104px;height:254px}.crop-spaghetti img,.crop-penne img,.crop-rigatoni img,.crop-fusilli img,.crop-paccheri img{width:1075px;top:-312px}.crop-spaghetti img{left:-17px}.crop-penne img{left:-129px}.crop-rigatoni img{left:-239px}.crop-fusilli img{left:-348px}.crop-paccheri img{left:-458px}.pantry-products{border-top:1px solid #ffffff20;border-left:1px solid #ffffff20;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pantry-products article{border-bottom:1px solid #ffffff20;border-right:1px solid #ffffff20;padding:1.25rem}.pantry-stage{height:340px}.pantry-products small{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin-top:1.25rem;font-size:.55rem;display:block}.pantry-products h3{margin:.55rem 0 .25rem;font:400 1.45rem Georgia,serif}.pantry>aside{color:#8d8579;text-align:center;grid-column:1/-1;font-size:.7rem}.crop-pelati,.crop-passata,.crop-polpa{width:122px;height:228px}.crop-pelati img,.crop-passata img,.crop-polpa img{width:1382px;top:-464px}.crop-pelati img{left:-754px}.crop-passata img{left:-866px}.crop-polpa img{left:-970px}.crop-olio{width:126px;height:310px}.crop-olio img{width:1198px;top:-347px;left:-964px}.method{grid-template-columns:.82fr 1.18fr}.method-visuals{color:var(--paper);background:#0d0d0c;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.method-visuals article{border-left:1px solid #ffffff1b;min-width:0;padding:1rem 1rem 2rem}.method-photo{background-image:linear-gradient(0deg,#0d0d0c 0 30%,#0d0d0ce8 36%,#0000 58%),url(/trafiloro-progetto.png);background-position-y:0;background-repeat:no-repeat;background-size:650%;height:390px;margin:-1rem -1rem 1.5rem}.method-grain{background-position-x:62.6%}.method-process{background-position-x:80.3%}.method-time{background-position-x:98.9%}.method-visuals article>span{color:var(--gold);letter-spacing:.15em;font-size:.58rem}.method-visuals h3{margin:.7rem 0;font:400 1.5rem Georgia,serif}.method-visuals p{color:#aaa397;margin:0;font-size:.75rem;line-height:1.55}@media (max-width:900px){.pantry-products{grid-template-columns:repeat(2,minmax(0,1fr))}.method{grid-template-columns:1fr}.method-visuals{min-height:600px}}@media (max-width:560px){.package-stage{height:290px}.pantry-products,.method-visuals{grid-template-columns:1fr}.method-photo{background-size:650%;height:340px}}::selection{color:#0b0b0a;background:#c69a45}body{overflow-x:hidden}nav{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#090908e8 0%,#0909089c 72%,#0000 100%);transition:background .35s;position:fixed;top:0}.nav a,.links a{transition:color .25s,opacity .25s,border-color .25s}.links a:hover{color:var(--light);opacity:1}.outlined:hover{background:var(--gold);color:#0d0d0c!important}.hero{isolation:isolate;min-height:780px}.hero-photo{opacity:1;background-image:linear-gradient(90deg,#070706 0%,#070706ec 24%,#0707068c 48%,#0000 72%),linear-gradient(#0000 66%,#090908 100%),url(/trafiloro-hero-v2.png);background-position:50%;animation:1.6s cubic-bezier(.2,.75,.2,1) both heroIn;transform:scale(1.02)}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 82% 46%,#0000 0 16%,#00000018 44%,#0006 100%);position:absolute;inset:0}.hero-copy{animation:1.15s cubic-bezier(.2,.8,.2,1) .18s both copyIn}.hero-copy h1{text-shadow:0 12px 40px #000}.hero-copy .eyebrow:before{content:"";background:var(--gold);width:38px;height:1px;margin:0 14px 3px 0;display:inline-block}.underlined{align-items:center;gap:.7rem;transition:color .25s,padding .25s;display:inline-flex}.underlined:hover{color:#fff2d6;padding-left:.4rem}.seal{animation:1.2s .55s both sealIn;box-shadow:0 18px 60px #00000085,inset 0 0 0 5px #0d0d0c}.seal:before,.seal:after{content:"";background:var(--gold);opacity:.65;width:36px;height:1px}.hero-signature{z-index:2;color:#c6bdae;letter-spacing:.2em;margin:0;font-size:.55rem;position:absolute;bottom:2.1rem;left:10vw}.pillars{background:#0b0b0a;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 7vw;display:grid}.pillars article{border-right:1px solid #ffffff14;grid-template-columns:42px 1fr;gap:1rem;padding:2.2rem 3vw;display:grid}.pillars article:first-child{border-left:1px solid #ffffff14}.pillars article>span{color:var(--gold);letter-spacing:.16em;font:.58rem/1.4 Arial,sans-serif}.pillars small{color:var(--paper);font:400 1.15rem Georgia,serif}.pillars p{color:#8f887d;max-width:290px;margin:.55rem 0 0;font-size:.72rem;line-height:1.55}.manifesto{position:relative;overflow:hidden}.manifesto:after{content:"T";color:#17171708;pointer-events:none;font:45vw/.7 Georgia,serif;position:absolute;bottom:-12vw;right:-2vw}.manifesto>*{z-index:1;position:relative}.collection{background:radial-gradient(circle at 75% 12%,#33281a50,#0000 28%),#11110f;position:relative}.collection header:after{content:"";background:var(--gold);width:68px;height:1px;margin-top:1.4rem;display:block}.products article{transition:background .35s,transform .35s;position:relative}.products article:hover{z-index:2;background:#1b1915;transform:translateY(-7px)}.package-stage{height:320px;transition:box-shadow .35s}.products article:hover .package-stage{box-shadow:inset 0 0 70px #c69a4518}.package-crop{filter:drop-shadow(0 15px 18px #000a);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .35s}.products article:hover .package-crop,.pantry-products article:hover .package-crop{filter:drop-shadow(0 24px 22px #000c);transform:translateY(-8px)scale(1.035)}.products h3,.pantry-products h3{transition:color .25s}.products article:hover h3,.pantry-products article:hover h3{color:var(--light)}.product-open{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.product-open:focus-visible{outline:1px solid var(--light);outline-offset:5px}.open-label{color:var(--light);letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid #c69a456e;margin-top:1.1rem;padding-bottom:.45rem;font-size:.56rem;transition:color .25s,transform .25s;display:inline-block}.product-open:hover .open-label{color:#fff1d2;transform:translate(4px)}.pantry-products .product-open>p{color:#8f887d;min-height:2.4rem;margin:.65rem 0 0;font-size:.72rem;line-height:1.5}.product-modal{z-index:100;-webkit-backdrop-filter:blur(16px);background:#050504d9;place-items:center;padding:4vh 4vw;animation:.28s both modalFade;display:grid;position:fixed;inset:0}.product-dialog{background:#11110f;border:1px solid #c69a455c;grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr);width:min(100%,1080px);max-height:92vh;animation:.42s cubic-bezier(.2,.8,.2,1) both modalRise;display:grid;position:relative;overflow:auto;box-shadow:0 35px 110px #000}.modal-close{z-index:3;color:#ddd4c5;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#0b0b0acc;border:1px solid #ffffff2b;padding:.55rem .7rem;font-size:.56rem;position:absolute;top:1.1rem;right:1.2rem}:is(.modal-close:hover,.modal-close:focus-visible){border-color:var(--gold);color:var(--light);outline:none}.modal-visual{background:radial-gradient(circle at 50% 46%,#5a452535,#16140f 46%,#080807 80%);place-items:center;min-height:610px;display:grid;overflow:hidden}.modal-visual .package-crop{filter:drop-shadow(0 30px 30px #000);transform:scale(1.48)}.modal-pack{z-index:2;place-items:center;width:100%;height:100%;display:grid;position:relative}.modal-visual.has-texture{isolation:isolate;display:block;position:relative}.modal-visual.has-texture:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#05050412 20%,#0505048a 100%),linear-gradient(#0000 52%,#050504b5 100%);position:absolute;inset:0}.modal-texture{object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.modal-visual.has-texture .modal-pack{place-items:end;padding:0 3rem 3rem 0}.modal-visual.has-texture .package-crop{transform:scale(1.16)}.modal-copy{color:#17130e;background:linear-gradient(145deg,#f6f1e7,#e8dfd0);flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,6.5rem);display:flex}.modal-copy .eyebrow{color:#8c682d;text-transform:uppercase}.modal-copy h2{color:#17130e;font-size:clamp(3rem,5vw,5.2rem)}.modal-copy>p{color:#625b50;margin:1.4rem 0 0;font-size:.88rem;line-height:1.7}.modal-copy .modal-lead{color:#2d281f;font:400 1.25rem/1.45 Georgia,serif}.modal-note{border-top:1px solid #c8bba6;border-bottom:1px solid #c8bba6;gap:.35rem;margin:2rem 0;padding:1.1rem 0;display:grid}.modal-note strong{color:#8a672b;letter-spacing:.16em;text-transform:uppercase;font-size:.55rem}.modal-note span{color:#6b6358;font-size:.72rem;line-height:1.5}.modal-copy>a{color:#6f501f;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid #9b763a;align-self:flex-start;padding-bottom:.55rem;font-size:.58rem;font-weight:700}.method-copy{background:linear-gradient(145deg,#f8f4eb,#ece5d8);flex-direction:column;justify-content:center;display:flex}.method-copy ol{width:100%}.method-visuals{overflow:hidden}.method-visuals article{transition:background .3s;position:relative}.method-open{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.method-open:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}.method-open>span{color:var(--gold);letter-spacing:.15em;font-size:.58rem}.method-open b{color:var(--light);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #c69a456e;margin-top:1.35rem;padding-bottom:.4rem;font-size:.56rem;transition:color .25s,transform .25s;display:inline-block}.method-open:hover b{color:#fff1d2;transform:translate(4px)}.method-photo{filter:saturate(.82)contrast(1.08);transition:filter .4s,transform .6s cubic-bezier(.2,.8,.2,1)}.method-visuals article:hover .method-photo{filter:saturate(1.05)contrast(1.04);transform:scale(1.025)}.method-visuals article:after{content:"";background:var(--gold);width:1px;height:62px;position:absolute;top:0;left:0}.method-detail-visual{background-image:linear-gradient(#08080799 0%,#08080738 48%,#080807f2 100%),url(/trafiloro-progetto.png);background-position-y:0;background-repeat:no-repeat;background-size:650%;min-height:610px;position:relative;overflow:hidden}.method-detail-visual:after{content:"";pointer-events:none;background:linear-gradient(0deg,#080807 0 30%,#080807ed 36%,#0000 56%);border:1px solid #c69a4538;position:absolute;inset:0;box-shadow:inset 0 0 100px #0000009c}.method-detail-visual>span{z-index:2;color:var(--light);font:400 5rem/.8 Georgia,serif;position:absolute;bottom:4.3rem;left:2.5rem}.method-detail-visual>p{z-index:2;color:#e5dac6;letter-spacing:.2em;margin:0;font-size:.56rem;position:absolute;bottom:2rem;left:2.6rem}.method-detail-copy ul{gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.method-detail-copy li{color:#514a40;border-bottom:1px solid #c8bba6;padding:0 0 .75rem 1.25rem;font-size:.74rem;line-height:1.45;position:relative}.method-detail-copy li:before{content:"";border:1px solid #9b763a;width:5px;height:5px;position:absolute;top:.42rem;left:0;transform:rotate(45deg)}.pantry{background:radial-gradient(circle at 20% 20%,#3a2d1b70,#0000 34%),linear-gradient(125deg,#18150f,#090908);position:relative}.pantry-products{background:#0c0c0b}.pantry-products article{transition:background .35s,transform .35s}.pantry-products article:hover{background:#191713;transform:translateY(-5px)}.pantry-stage{background:radial-gradient(circle at 50% 48%,#5a45251f 0,#171511 52%,#080807 82%)}.contact{background:linear-gradient(120deg,#a87935 0%,#d3ad66 50%,#9c6f2d 100%);position:relative;overflow:hidden}.contact:before,.contact:after{content:"";border:1px solid #f6e1b52b;border-radius:50%;width:470px;height:470px;position:absolute}.contact:before{top:-290px;left:-270px}.contact:after{bottom:-320px;right:-250px}.contact>*{z-index:1;position:relative}.contact form{transition:border-color .25s}.contact form:focus-within{border-color:#f9ecd2}.contact button{padding-left:1rem;transition:transform .25s}.contact button:hover{transform:translate(5px)}.bottom{background:#080807;border-top:1px solid #ffffff14}@keyframes heroIn{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.02)}}@keyframes copyIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sealIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.pillars{grid-template-columns:1fr;padding:0 7vw}.pillars article{border-bottom:1px solid #ffffff14;border-left:1px solid #ffffff14}.hero-signature{max-width:62%;line-height:1.6;left:7vw}.product-dialog{grid-template-columns:1fr;max-width:620px}.modal-visual{min-height:420px}.modal-copy{padding:3rem 8vw}.method-detail-visual{min-height:420px}}@media (max-width:800px){nav{background:#090908f5;border-bottom-color:#c69a4530;height:70px;padding:0 6vw}nav .brand{z-index:2;font-size:1.45rem;position:relative}.menu{z-index:2;color:var(--paper);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:.65rem 0;font:600 .58rem/1 Arial,sans-serif;display:flex;position:relative}.menu i,.menu i:before,.menu i:after{background:var(--light);width:18px;height:1px;transition:transform .25s,opacity .25s;display:block}.menu i{position:relative}.menu i:before,.menu i:after{content:"";position:absolute;left:0}.menu i:before{top:-5px}.menu i:after{top:5px}.menu[aria-expanded=true] i{background:0 0}.menu[aria-expanded=true] i:before{top:0;transform:rotate(45deg)}.menu[aria-expanded=true] i:after{top:0;transform:rotate(-45deg)}.links.open{background:radial-gradient(circle at 70% 15%,#3b2e1b6e,#0000 32%),#0b0b0a;flex-direction:column;justify-content:center;align-items:stretch;gap:0;height:calc(100dvh - 70px);padding:8vh 8vw;animation:.25s both modalFade;display:flex;position:fixed;inset:70px 0 0}.links.open a{color:#eee5d6;letter-spacing:-.02em;text-transform:none;border-bottom:1px solid #ffffff18;width:100%;padding:1.25rem 0;font:400 clamp(1.6rem,8vw,2.35rem)/1 Georgia,serif}.links.open .outlined{border:1px solid var(--gold);text-align:center;letter-spacing:.16em;text-transform:uppercase;margin-top:1.25rem;padding:1rem;font:600 .62rem/1 Arial,sans-serif}}@media (max-width:560px){.hero{min-height:730px}.hero-photo{background-position:61%}.hero-copy h1{font-size:3.45rem}.hero-signature{display:none}.pillars article{padding:1.7rem 1.2rem}.package-stage{height:300px}.product-modal{align-items:end;padding:0}.product-dialog{border-bottom:0;border-left:0;border-right:0;max-height:94vh}.modal-visual{min-height:340px}.modal-visual .package-crop{transform:scale(1.18)}.modal-visual.has-texture .modal-pack{padding:0 1.2rem 1.5rem 0}.modal-visual.has-texture .package-crop{transform:scale(.88)}.modal-copy{padding:2.5rem 1.5rem 3rem}.modal-copy h2{font-size:3rem}.method-detail-visual{min-height:350px}.method-detail-visual>span{font-size:4rem;bottom:3.5rem;left:1.4rem}.method-detail-visual>p{bottom:1.5rem;left:1.45rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
