/*
Theme Name: ONI — Pop Onigiri
Author: ONI
Description: Landing ONI in stile Neo-Brutalismo Pop. Tema a blocchi.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: oni
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#141414;--red:#b70202;--lime:#dfff00;--pink:#ff8cdb;--blue:#3348ff;--paper:#fffdf5;--display:Impact,'Arial Black',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:4px solid var(--blue);outline-offset:7px}img{display:block;max-width:100%;height:auto}body .wp-site-blocks{padding:0}body .wp-site-blocks>*{margin-block-start:0}body .shell{width:min(1320px,calc(100% - 80px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:1px;font-weight:900;line-height:1.5}.site-header{border-bottom:3px solid var(--ink);background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:25px}.brand-logo{width:91px}.nav-links{display:flex;align-items:center;gap:40px;font-size:12px;font-weight:900}.nav-cta a{display:block;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 18px;background:var(--lime);transition:transform .15s,box-shadow .15s}.nav-cta a:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink);text-decoration:none}
.hero-section{background:var(--lime);border-bottom:3px solid var(--ink);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;padding-block:50px 64px;align-items:center}.hero-title{font-family:var(--display);font-size:clamp(90px,10.7vw,154px);font-weight:900;line-height:.88;letter-spacing:-3px;margin-top:28px}.hero-title span{color:var(--red);-webkit-text-stroke:1px var(--ink);text-shadow:4px 4px 0 var(--ink)}.hero-description{font-size:19px;line-height:1.5;font-weight:700;margin-top:29px}.hero-actions{display:flex;align-items:flex-start;gap:22px;flex-direction:column;margin-top:29px}.wp-block-buttons{display:flex;flex-wrap:wrap}.wp-block-button__link{display:block;border:3px solid var(--ink);border-radius:0!important;background:var(--ink);color:white;padding:17px 23px;font-size:13px;font-weight:900;line-height:1.2;box-shadow:5px 5px 0 var(--red);transition:transform .15s,box-shadow .15s}.wp-block-button__link:hover{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--red);text-decoration:none}.text-link{font-size:10px;font-weight:900;text-decoration:underline;text-underline-offset:4px}.hero-art{position:relative;min-width:0;min-height:560px;background:var(--red);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);transform:rotate(3deg);display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#ffffff2b 1.4px,transparent 1.4px);background-size:17px 17px}.rice-button{border:0;background:none;padding:0;width:100%;cursor:pointer;transform:rotate(-3deg);transition:transform .18s}.rice-button img{width:100%}.rice-button:hover{transform:rotate(-7deg) scale(1.025)}.sticker{position:absolute;z-index:2;text-align:center;font-weight:900;font-size:19px;line-height:1.05;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);pointer-events:none}.sticker-pink{background:var(--pink);top:18px;left:-25px;padding:22px 27px;transform:rotate(-12deg);border-radius:50%}.sticker-blue{background:var(--blue);color:white;bottom:70px;right:-17px;transform:rotate(8deg);padding:17px;font-size:15px}.tap-label{position:absolute;bottom:15px;color:white;transform:rotate(-3deg);font-size:10px;font-weight:900;letter-spacing:1px}.spark{position:absolute;color:var(--lime);font-size:70px;line-height:1;pointer-events:none;-webkit-text-stroke:2px var(--ink)}.spark-one{right:24px;top:27px;transform:rotate(13deg)}.spark-two{left:24px;bottom:45px;font-size:55px}.rice-reply{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-6deg);background:var(--paper);font-family:var(--display);font-size:25px;white-space:nowrap;pointer-events:none}.rice-reply:empty{display:none}.rice-reply:not(:empty){padding:12px 20px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.is-happy .rice-button{animation:rice-party .7s ease-in-out 2}.is-happy .spark{animation:spark-pop .65s ease-in-out 2}.ticker{background:var(--pink);border-bottom:3px solid var(--ink);padding:17px 0;overflow:hidden}.ticker-copy{font-weight:900;font-size:18px;letter-spacing:1px;white-space:nowrap;transform:translateX(-15px)}.ticker:hover .ticker-copy{transform:translateX(-65px);transition:transform 1s ease}
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;padding-block:100px}.section-title{font-family:var(--display);font-size:clamp(54px,6.2vw,86px);font-weight:900;line-height:.97;letter-spacing:-1.5px;margin-top:24px}.section-title span{color:var(--red)}.lead{font-size:21px;line-height:1.55;font-weight:700;margin-top:27px;max-width:530px}.intro-copy{position:relative;padding-top:115px}.intro-copy>p+p{margin-top:21px}.route-sticker{position:absolute;top:0;left:0;transform:rotate(-7deg);font-weight:900;font-size:16px;line-height:1.05;background:var(--lime);border:3px solid var(--ink);padding:12px 25px;box-shadow:5px 5px 0 var(--ink)}.mini-punch{font-size:11px;font-weight:900;padding-top:11px}.onigiri-section{background:var(--blue);color:white;border-block:3px solid var(--ink);padding-block:78px 90px}.onigiri-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:60px}.onigiri-heading>.eyebrow{grid-column:1/-1}.onigiri-heading .section-title{font-size:clamp(50px,5.5vw,76px)}.onigiri-heading .section-title span{color:var(--lime)}.onigiri-description{align-self:center;max-width:400px;font-size:20px;font-weight:700;line-height:1.55;padding-top:24px}.onigiri-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:50px}.anatomy{position:relative;background:var(--pink);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform:rotate(-3deg)}.anatomy-rice{padding:25px 15px}.rice-tag,.nori-tag,.filling-tag{position:absolute;z-index:1;background:var(--paper);border:2px solid var(--ink);padding:8px 13px;font-size:13px;font-weight:900;line-height:1.2}.rice-tag{left:15px;top:20px;transform:rotate(8deg)}.nori-tag{right:14px;bottom:50px;transform:rotate(6deg)}.filling-tag{left:8px;bottom:17px;background:var(--lime);transform:rotate(4deg)}.onigiri-copy h3{font-family:var(--display);font-size:40px;line-height:1.1;font-weight:900}.onigiri-copy p{margin-top:24px;max-width:510px}.onigiri-copy .wp-block-buttons{margin-top:31px}.onigiri-copy .wp-block-button__link{background:var(--lime);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.history-section{padding-block:90px 100px}.history-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.history-intro .eyebrow{grid-column:1/-1}.history-lead{font-size:22px;font-weight:700;line-height:1.5;align-self:center;padding-top:24px;max-width:400px}.history-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.history-card{border:3px solid var(--ink);padding:28px;box-shadow:7px 7px 0 var(--ink);transition:transform .2s}.history-card:hover{transform:translateY(-6px) rotate(-2deg)}.history-card:nth-child(2){transform:rotate(2deg)}.history-card:nth-child(2):hover{transform:translateY(-6px) rotate(0)}.card-pink{background:var(--pink)}.card-lime{background:var(--lime)}.card-blue{background:var(--blue);color:white}.card-number{font-size:12px;font-weight:900;letter-spacing:1px}.history-card h3{font-family:var(--display);font-size:39px;line-height:1;margin-top:30px}.history-card>p:last-child{font-size:15px;line-height:1.65;margin-top:23px}.history-source{font-size:9px;font-weight:900;margin-top:32px;text-decoration:underline}.contact-section{background:var(--red);color:white;border-block:3px solid var(--ink);overflow:hidden}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;padding-block:80px 90px;align-items:center}.contact-title{font-family:var(--display);font-size:clamp(65px,7.5vw,107px);font-weight:900;line-height:.95;letter-spacing:-2px;margin-top:25px}.contact-title span{color:var(--lime)}.contact-intro{font-size:19px;margin-top:26px}.contact-copy .wp-block-buttons{margin-top:30px}.contact-copy .wp-block-button__link{background:var(--lime);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.address-card{border:3px solid var(--ink);background:var(--paper);color:var(--ink);padding:32px;transform:rotate(3deg);box-shadow:8px 8px 0 var(--ink)}.address-label{font-size:11px;font-weight:900;border-bottom:2px dashed var(--ink);padding-bottom:19px}.address-title{font-family:var(--display);font-size:42px;line-height:1.05;font-weight:900;margin-top:24px}.address-title span{font-size:98px;color:var(--red);line-height:1.2}.city{font-size:12px;font-weight:900}.contact-label{font-size:9px;font-weight:900;border-top:2px dashed var(--ink);padding-top:22px;margin-top:25px}.email{font-size:15px;font-weight:700;overflow-wrap:anywhere;margin-top:10px}.footer-inner{display:flex;align-items:center;gap:28px;min-height:130px;padding-block:25px;font-size:10px}.footer-logo{width:70px;flex-shrink:0}.footer-company{flex:1;line-height:1.7}.vat{font-size:10px;white-space:nowrap}.back-top{font-weight:900;margin-left:20px}.standard-page{padding-block:70px;min-height:70vh}
@keyframes rice-party{0%,100%{transform:rotate(-3deg)}25%{transform:translateY(-20px) rotate(-10deg)}65%{transform:translateY(-8px) rotate(8deg)}}@keyframes spark-pop{50%{transform:scale(1.35) rotate(30deg)}}
@media(max-width:1000px){body .shell{width:calc(100% - 48px)}.nav-links{gap:20px}.hero-title{font-size:clamp(80px,12vw,120px)}.hero-grid{gap:25px}.hero-art{min-height:440px}.sticker-pink{font-size:16px;padding:15px}.sticker-blue{font-size:11px;bottom:50px;padding:12px}.hero-description{font-size:17px}.hero-copy .eyebrow{font-size:9px}.intro-grid{gap:45px}.section-title{font-size:64px}.onigiri-grid{gap:40px}.history-card{padding:20px}.history-card h3{font-size:32px}.contact-grid{gap:40px}.address-card{padding:24px}.address-title{font-size:34px}.contact-title{font-size:76px}}
@media(max-width:650px){body .shell{width:calc(100% - 36px)}.header-inner{min-height:80px;gap:12px}.brand-logo{width:67px}.nav-links{gap:15px;font-size:9px}.nav-links>p:first-child{display:none}.nav-cta a{padding:9px 10px;box-shadow:3px 3px 0 var(--ink)}.hero-grid{grid-template-columns:1fr;padding-block:35px 45px;gap:45px}.hero-title{font-size:clamp(88px,23.5vw,145px);letter-spacing:-2px;margin-top:25px}.hero-description{font-size:18px;margin-top:26px}.hero-copy .eyebrow{font-size:9px}.hero-actions{gap:20px}.wp-block-button__link{font-size:12px;padding:17px 19px}.hero-art{min-height:0;aspect-ratio:1/1.07;margin:0 8px;transform:rotate(2deg)}.rice-button{width:96%}.sticker-pink{left:-9px;top:8px;font-size:16px;padding:16px 18px}.sticker-blue{right:-7px;bottom:43px;padding:12px;font-size:10px}.spark-one{font-size:54px;right:16px;top:19px}.spark-two{font-size:40px;left:16px;bottom:35px}.tap-label{font-size:8px;bottom:12px}.rice-reply{font-size:20px}.ticker{padding:12px 0}.ticker-copy{font-size:13px}.intro-grid{grid-template-columns:1fr;gap:35px;padding-block:60px}.section-title{font-size:clamp(50px,13.2vw,74px);letter-spacing:-1px}.lead{font-size:19px}.intro-copy{padding-top:110px}.intro-copy>p:not(.route-sticker){font-size:16px}.intro-copy>.mini-punch{font-size:10px!important}.route-sticker{left:10px}.onigiri-section{padding-block:55px 65px}.onigiri-heading{display:block}.onigiri-heading .section-title{font-size:clamp(44px,11.5vw,65px)}.onigiri-description{font-size:18px;padding-top:25px}.onigiri-grid{grid-template-columns:1fr;gap:47px;margin-top:35px}.anatomy{margin-inline:8px}.onigiri-copy h3{font-size:34px}.onigiri-copy p{font-size:16px}.rice-tag,.nori-tag,.filling-tag{font-size:11px}.history-section{padding-block:60px 70px}.history-intro{display:block}.history-lead{font-size:19px;padding-top:25px}.history-cards{grid-template-columns:1fr;gap:28px;margin-top:35px;margin-right:7px}.history-card{padding:26px}.history-card:nth-child(2){transform:rotate(1deg)}.history-card h3{font-size:38px;margin-top:22px}.history-card>p:last-child{font-size:16px;margin-top:20px}.history-source{font-size:8px;line-height:1.8}.contact-grid{grid-template-columns:1fr;padding-block:55px 65px;gap:44px}.contact-title{font-size:clamp(52px,14vw,82px);letter-spacing:-1px}.contact-intro{font-size:18px}.address-card{margin-inline:7px;transform:rotate(2deg)}.address-title{font-size:39px}.address-title span{font-size:90px}.email{font-size:14px}.footer-inner{flex-wrap:wrap;align-items:flex-start;gap:20px}.footer-logo{width:61px}.footer-company{flex-basis:65%;font-size:9px}.vat{flex:1;font-size:9px}.back-top{margin-left:0;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}