/* One visual language, three material directions. */
:root{--paper:#f1e9df;--ink:#352c27;--muted:#74665b;--line:#cbbdae;--blue:#a85f46;--mark-color:#763e31;--surface:#e2d2c1;--surface-2:#e9ded2;--night:#46382f;--night-text:#f4e9dc;--highlight:#ddb79e;--product-bg:#e4d9cc;--photo-grade:saturate(.73) contrast(1.025) sepia(.09);--chrome:linear-gradient(135deg,#8c8d8b 0%,#f6f7f5 20%,#b2b3b0 36%,#f8f8f5 51%,#8e9293 68%,#e1e4e1 88%);--serif:Georgia,'Times New Roman',serif}
:root[data-mood="salvia"]{--paper:#eff0e8;--ink:#2c352e;--muted:#667264;--line:#c6cdbd;--blue:#657b62;--mark-color:#344c3a;--surface:#d5ddcf;--surface-2:#e3e7dc;--night:#344139;--night-text:#eef1e7;--highlight:#d8c4b5;--product-bg:#dfe4d9;--photo-grade:saturate(.67) contrast(1.015) sepia(.04)}
:root[data-mood="perla"]{--paper:#f2f1ee;--ink:#292c2e;--muted:#6c7073;--line:#c9cbca;--blue:#657780;--mark-color:#293f4c;--surface:#dcdedc;--surface-2:#e8e8e3;--night:#323739;--night-text:#ecefeb;--highlight:#c3cdd0;--product-bg:#e1e2df;--photo-grade:saturate(.5) contrast(1.035)}
body{transition:background-color .4s,color .4s}.site-header{border-color:var(--line)}.mark{background:var(--mark-color);padding:3px 5px;color:var(--paper);right:-30px;border:1px solid var(--mark-color)}.hero-top{color:var(--muted)}.hero-copy h1{overflow:hidden;cursor:pointer;outline-offset:10px}.hero-copy h1>span{display:block;transition:transform .65s cubic-bezier(.6,0,.3,1),opacity .5s;white-space:nowrap}.hero-copy h1>span:nth-child(2){transition-delay:.08s}.hero-copy h1>span:nth-child(3){transition-delay:.16s}.hero-leaving #hero-title>span{transform:translateX(115%);opacity:0}.hero-explore{border:0;border-bottom:1px solid var(--blue);background:none;color:var(--blue);font-size:14px;padding:9px 0;display:block;margin-top:15px;cursor:pointer}.hero-body{grid-template-columns:46% 54%;gap:0;min-height:660px}.hero-copy{position:relative;z-index:2;padding-right:12px}.hero-copy h1{font-size:clamp(62px,7.5vw,132px)}.hero-visual{padding:0;min-height:560px;height:100%;perspective:none;isolation:isolate;background:radial-gradient(ellipse at 52% 50%,var(--surface) 0%,transparent 66%)}.hero-exhibit{position:absolute;inset:0}.exhibit-item{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.exhibit-item>img{width:100%;height:calc(100% - 27px);object-fit:contain;filter:drop-shadow(0 16px 13px #3028221b)}.exhibit-item>span{font-size:10px;letter-spacing:.07em;text-align:center;color:var(--muted);margin-top:7px;white-space:nowrap}.exhibit-item:hover>span{color:var(--blue)}.exhibit-kaytranada{width:36%;height:33%;left:0;top:2%;z-index:2}.exhibit-kaytranada img{transform:rotate(-5deg)}.exhibit-chair{width:39%;height:39%;left:-1%;bottom:6%;z-index:3}.exhibit-moka{width:43%;height:90%;left:28%;top:0;z-index:4}.exhibit-hanger{width:35%;height:29%;right:-1%;top:9%;z-index:3}.exhibit-hanger img{transform:rotate(9deg)}.exhibit-back{width:28%;height:60%;right:-1%;bottom:3%;z-index:3}.hero-model{position:relative;width:100%;height:calc(100% - 27px)}.hero-model canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-model .model-fallback{height:100%;object-fit:contain}.hero-model.model-ready .model-fallback{visibility:hidden}.exhibit-note{position:absolute;bottom:-9px;left:0;width:100%;text-align:center;color:var(--muted);font-size:10px;letter-spacing:.12em}.hero-close{display:none;position:absolute;top:28px;right:4%;z-index:12;border:1px solid #fff9;background:var(--chrome);box-shadow:0 4px 18px #302b2220;padding:13px 20px;color:#303233;cursor:pointer;font-size:14px}.exhibit-overlay{position:fixed;z-index:90;left:var(--exhibit-left);top:var(--exhibit-top);width:var(--exhibit-width);height:var(--exhibit-height);min-height:0;background:var(--paper);transition:left .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1),width .8s cubic-bezier(.2,.8,.2,1),height .8s cubic-bezier(.2,.8,.2,1)}.exhibit-overlay .hero-close{display:block}.exhibit-expanded{left:0;top:0;width:100vw;height:100svh}.exhibit-overlay .hero-exhibit{inset:6% 8% 7%;background:radial-gradient(ellipse at center,var(--surface),transparent 65%)}.exhibit-overlay .exhibit-item>span{font-size:12px}.exhibit-overlay .exhibit-note{bottom:25px}.exhibit-overlay .exhibit-kaytranada{height:35%;top:5%;left:1%;width:32%}.exhibit-overlay .exhibit-chair{height:46%;bottom:0;width:34%;left:0}.exhibit-overlay .exhibit-moka{width:40%;left:30%;height:98%;top:0}.exhibit-overlay .exhibit-hanger{right:1%;width:28%;height:31%;top:4%}.exhibit-overlay .exhibit-back{width:25%;right:1%;height:63%;bottom:0}
.direction-picker{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:4px;padding:5px;background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 22px #302a2218;border-radius:50px}.direction-picker a{font-size:12px;padding:9px 14px;display:flex;gap:8px;align-items:center;border-radius:40px;color:var(--muted)}.direction-picker a[aria-current="true"]{background:var(--ink);color:var(--paper)}.direction-picker i{width:11px;height:11px;display:block;border-radius:50%;background:var(--swatch);border:1px solid #ffffff66}.direction-picker .swatch-clay{--swatch:#c38d73}.direction-picker .swatch-sage{--swatch:#b7c4ab}.direction-picker .swatch-pearl{background:var(--chrome)}
.bike-experience{background:var(--surface-2);grid-template-columns:37% 63%;min-height:560px}.bike-intro{padding:50px 0 50px 10%}.bike-intro h2{font-size:clamp(36px,4.4vw,72px)}.bike-intro p{font-size:16px;max-width:330px;padding-right:20px}.photo-table{min-height:560px;overflow:visible;isolation:isolate}.photo-pile{inset:22% 7% 10%;perspective:none;display:block;overflow:hidden;aspect-ratio:4/3;height:auto;max-height:370px;top:50%;transform:translateY(-42%);background:var(--surface);z-index:1}.pile-stat{inset:1% 4% auto;z-index:0;font-size:clamp(140px,21vw,330px);color:var(--ink);opacity:.12;letter-spacing:-.09em;pointer-events:none}.bike-frame{position:absolute;inset:0;width:100%;height:100%;margin:0;background:var(--surface);overflow:hidden}.bike-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:var(--photo-grade);transform:none}.bike-frame:after{content:"";position:absolute;inset:0;background:var(--blue);opacity:.065;mix-blend-mode:color;pointer-events:none}.bike-frame.bike-aligned img{position:absolute;width:var(--bike-width);max-width:none;height:auto;left:var(--bike-left);top:var(--bike-top);transform:rotate(var(--bike-rotation,0deg));transform-origin:center;object-fit:initial}.journey{background:var(--night);color:var(--night-text)}.journey-layout{display:block;max-width:1000px;margin-left:auto}.journey-stories{display:grid;grid-template-columns:1fr 1fr;gap:45px 65px}.journey-stories article{padding:0 0 30px;margin:0;border-color:#ffffff30}.journey-stories p{font-size:17px;color:var(--night-text);opacity:.84}.chapter-num{color:var(--highlight)}.journey-stories .text-link{color:var(--night-text);border-color:#ffffff70}.journey-stories h3{font-size:clamp(27px,2.8vw,43px)}
.about,.hanger-interaction{background:var(--surface-2)}.portrait-frame{transform:none;max-width:430px}.portrait-frame img{filter:none;aspect-ratio:3/4;object-position:center}.tools{border-color:var(--line)}.tools dl>div{border-color:var(--line)}.tools dt{color:var(--muted)}.language{margin-top:28px}.language>span{font-size:12px;letter-spacing:.06em}.language p{margin:10px 0}.project-image,.gallery-grid button{background:var(--surface-2)}.project-card[href="#progetto/bici"] .project-image img{filter:var(--photo-grade)}.project-card[href="#progetto/gruccia"] .project-image,.detail-cover-gruccia{background:var(--surface-2)}.project-card[href="#progetto/grafica"] .project-image{background:none;overflow:visible}.category-grafica .type-cover,.related-project{background:var(--blue)}.category-selezione .type-cover,.wardrobe-story{background:var(--surface)}.wardrobe-stages article{border-color:var(--line)}.category-ricerca .type-cover{background:var(--night);color:var(--night-text)}.sample-label{background:var(--ink)}.card-open{background:var(--chrome);color:#42717a}.project-card:hover{transform:translateY(-3px)}.detail-type-cover{background:var(--surface)}.detail-type-cover.category-grafica{background:var(--blue)}.detail-type-cover.category-ricerca{background:var(--night)}.moka-section{background:var(--surface-2)}.moka-controls{border-color:var(--line)}.product-lab,.chair-lab,.back-lab{background:var(--product-bg)}.product-options,.chair-lab .product-options{border-color:var(--line)}.product-lab-head p,.model-note{color:var(--muted)}.gallery-caffe .gallery-grid{background:var(--surface-2)}.sketch-sequence{background:var(--night);color:var(--night-text)}.sequence-view{background:var(--night)}.sequence-copy p{color:var(--night-text);opacity:.8}.sequence-ticks button.active{border-color:var(--highlight)}.scroll-enter{transform:translateY(22px)}
.sticker-stage{height:540px;position:relative;background:none;isolation:isolate;overflow:hidden}.sticker-card{height:100%;width:100%}.sticker-cutout{position:absolute;inset:8% 12%;width:76%;height:80%;object-fit:contain;filter:drop-shadow(7px 14px 7px #30251d22);opacity:0;animation:sticker-swap 8s infinite;animation-delay:var(--sticker-delay)}.sticker-stage-label{position:absolute;bottom:15px;left:5%;color:var(--muted)}@keyframes sticker-swap{0%{opacity:0;transform:translateY(25px) scale(.95)}4%,21%{opacity:1;transform:translateY(0) scale(1)}25%,100%{opacity:0;transform:translateY(-18px) scale(1.015)}}.graphics-extras{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:15px 0 75px}.graphics-extras article{padding:25px;background:var(--surface-2)}.graphics-extras h3{font-size:28px;letter-spacing:-.035em;font-weight:400;margin:25px 0 12px}.graphics-extras p{font-size:16px;color:var(--muted)}.graphics-extras small{font-size:12px;color:var(--muted)}.blank-card-stack{height:260px;position:relative;margin-top:20px}.blank-card-stack i{display:block;position:absolute;left:16%;top:22%;width:65%;aspect-ratio:1.7;background:#f8f7f1;box-shadow:0 14px 22px #3b362320;transform:rotate(-5deg)}.blank-card-stack i+i{transform:rotate(4deg);top:26%}.painting-sample{height:260px;margin-top:20px;background:var(--night);background-image:url('/assets/samples/blue-acrylic-sample.jpg');background-size:cover;background-position:center}.daynight{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--surface)}.daynight-card{height:100%;aspect-ratio:auto}.daynight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--photo-grade)}.daynight .night-frame{animation:nightfall 4s ease-in-out infinite;filter:saturate(.8)}.daynight-label{position:absolute;bottom:20px;left:25px;color:#fff;font-size:12px;letter-spacing:.08em;text-shadow:0 1px 6px #000}@keyframes nightfall{0%,12%,100%{opacity:0}45%,65%{opacity:1}}.gallery-sedia .gallery-grid{grid-template-columns:1fr 1fr;gap:45px 28px}.gallery-sedia .gallery-grid img{height:min(58vw,760px);filter:var(--photo-grade);object-fit:cover}.gallery-sedia .gallery-grid figure:first-child img{object-fit:contain;background:var(--product-bg)}.gallery-sedia .gallery-grid figcaption{font-size:14px;line-height:1.5}.project-detail .gallery-grafica .gallery-grid img{height:520px}.exhibit-expanded .exhibit-kaytranada img{transform:rotate(-3deg)}
[data-mood="argilla"] .section-heading h2,[data-mood="argilla"] .journey-heading h2{font-family:var(--serif);letter-spacing:-.045em}[data-mood="salvia"] .project-image,[data-mood="salvia"] .bike-experience,[data-mood="salvia"] .product-lab,[data-mood="salvia"] .daynight{border-radius:18px}[data-mood="salvia"] .hero-copy h1{font-weight:400;letter-spacing:-.065em}[data-mood="perla"] .hero-top,[data-mood="perla"] .eyebrow{letter-spacing:.15em}[data-mood="perla"] .project-card{border-bottom:1px solid var(--line);padding-bottom:22px}footer{padding-bottom:100px}
@media(min-width:1500px){.hero-body{min-height:760px}.hero-visual{min-height:650px}.exhibit-item>span{font-size:12px}}
@media(max-width:1000px){.hero-body{min-height:600px}.hero-visual{min-height:510px}.exhibit-item>span{font-size:9px}.bike-experience{min-height:500px}.photo-table{min-height:500px}.bike-intro h2{font-size:44px}.photo-pile{inset-inline:6%}.journey-stories{gap:35px}.gallery-sedia .gallery-grid img{height:58vw}}
@media(max-width:800px){.hero-body{display:block}.hero-copy h1{font-size:18vw}.hero-visual{height:520px;min-height:0;margin-top:20px;width:100%}.exhibit-item>span{font-size:10px}.exhibit-overlay{margin:0;height:var(--exhibit-height);width:var(--exhibit-width)}.exhibit-expanded{height:100svh;width:100vw}.exhibit-overlay .hero-exhibit{inset:12% 3% 10%}.exhibit-overlay .exhibit-item>span{font-size:9px}.hero-close{font-size:13px;top:20px}.journey-stories{grid-template-columns:1fr}.journey-stories p{max-width:680px}.bike-experience{display:block}.bike-intro{padding:35px 7% 10px}.bike-intro h2{font-size:45px;margin:20px 0}.bike-intro h2 br{display:none}.bike-intro p{max-width:550px}.photo-table{min-height:440px}.photo-pile{inset-inline:8%;max-height:340px;top:53%;transform:translateY(-45%)}.pile-stat{top:-3%;font-size:220px}.graphics-extras{gap:25px}.graphics-extras article{padding:20px}.graphics-extras h3{font-size:24px}.blank-card-stack,.painting-sample{height:210px}}
@media(max-width:520px){.hero-visual{height:410px}.exhibit-item>span{font-size:8px}.exhibit-moka{width:44%;left:27%}.exhibit-chair{width:39%;height:40%;bottom:7%}.exhibit-back{height:58%;width:29%}.exhibit-overlay .hero-exhibit{inset:15% 3% 12%}.exhibit-overlay .exhibit-kaytranada{left:0;top:0;width:42%;height:27%}.exhibit-overlay .exhibit-hanger{right:0;top:0;width:40%;height:24%}.exhibit-overlay .exhibit-moka{left:18%;top:16%;width:64%;height:67%;z-index:4}.exhibit-overlay .exhibit-chair{left:0;bottom:0;width:40%;height:36%}.exhibit-overlay .exhibit-back{right:0;bottom:0;width:32%;height:42%}.exhibit-overlay .exhibit-item>span{font-size:8px}.exhibit-note{font-size:9px}.photo-table{min-height:340px}.photo-pile{inset-inline:7%;max-height:260px}.pile-stat{font-size:170px;top:-2%}.bike-intro h2{font-size:38px}.gallery-sedia .gallery-grid{grid-template-columns:1fr;gap:36px}.gallery-sedia .gallery-grid img{height:auto;max-height:670px}.graphics-extras{grid-template-columns:1fr}.sticker-stage{height:400px}.sticker-card{height:100%}.direction-picker{bottom:12px}.direction-picker a{font-size:12px;padding:9px 11px}.about h2{font-size:55px}.daynight{aspect-ratio:1.15}.daynight-card{aspect-ratio:auto}.daynight-label{font-size:10px;left:15px;bottom:15px}.project-detail .gallery-grafica .gallery-grid img{height:auto;max-height:620px}}
@media(prefers-reduced-motion:reduce){.sticker-cutout{display:none}.sticker-cutout:first-child{display:block;opacity:1}.daynight .night-frame{opacity:0}.hero-leaving #hero-title>span{opacity:0;transform:none}}

.sticker-card-placeholder{display:flex;align-items:center;justify-content:center;filter:none}.sticker-card-placeholder i{position:absolute;width:80%;aspect-ratio:1.7;background:#faf9f5;box-shadow:3px 14px 20px #32271f25;transform:rotate(-6deg)}.sticker-card-placeholder i+i{transform:rotate(5deg) translate(8px,12px)}.product-options button{border-color:var(--line);color:var(--ink);background:var(--paper)}.product-options button.active,.product-options button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.hero-visual.exhibit-overlay{min-height:0;margin:0;width:var(--exhibit-width);height:var(--exhibit-height)}.hero-visual.exhibit-expanded{width:100vw;height:100svh}
main:focus{outline:none}

.bike-frame.bike-aligned img{width:100%;height:auto;max-width:none;transform-origin:0 0;object-fit:initial}
.photo-pile{inset:auto;left:50%;top:54%;width:min(86%,560px);height:auto;max-height:none;aspect-ratio:4/3;transform:translate(-50%,-42%)}
@media(max-width:800px){.photo-pile{width:min(84%,460px)}}
@media(max-width:520px){.photo-pile{width:86%}}

/* Moka: a fixed reference and a fast, upright sketchbook. */
.vector-plane{transform:none;animation:none;filter:none}
.vector-reference{perspective:none}
.sequence-view{perspective:none}
.sequence-sheet{transform:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sequence-book{display:block;position:relative;height:100%;aspect-ratio:3/4;max-width:100%;isolation:isolate;background:var(--surface-2);box-shadow:3px 0 var(--line),6px 0 var(--surface-2),9px 0 var(--line),0 14px 25px #0003}
.sequence-book img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;filter:none}
.sequence-page-turn{position:absolute;inset:0;z-index:2;background:var(--surface-2);opacity:0;pointer-events:none}
.sequence-fold{position:absolute;top:0;bottom:0;width:56px;left:100%;z-index:3;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#00000024 35%,#f6f2e588 49%,#fff9 51%,#0000002e 66%,transparent 100%)}
@media(prefers-reduced-motion:reduce){.sequence-page-turn,.sequence-fold{display:none}}