:root{--paper:#f9f8f5;--cream:#f8f3ec;--ink:#351c1e;--green:#246051;--forest:#123e2c;--wine:#980e0e;--rose:#ead9da;--rose2:#f2e1df;--sage:#929e86;--line:#d5c6b6;--serif:Georgia,'Times New Roman',serif;--sans:'Arial',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,input{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ffa84b;outline-offset:4px}button{background:none;border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}p{line-height:1.58}button:hover,a:hover{transition:opacity .2s}.eyebrow{font:600 10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase}.serif{font-family:var(--serif)}.hide{display:none!important}.view[hidden],.intro[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bar{position:sticky;top:0;z-index:60;min-height:35px;display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;background:#f3ece5;border-bottom:1px solid #dccac5;color:#6a4142;padding:6px 44px;font-size:11px;letter-spacing:.03em}.bar button{position:absolute;right:12px;top:4px;color:var(--wine);border:1px solid #b79c91;border-radius:20px;padding:3px 10px;font-size:11px}.bar .replay{left:12px;right:auto}.view{min-height:100vh}.home-img-wrap{position:relative;background:#2c4933;isolation:isolate;max-width:2200px;margin:auto}.home-img-wrap>img{width:100%;height:auto}.hotspots{position:absolute;inset:0;z-index:3}.hotspot{position:absolute;border-radius:12px;cursor:pointer;display:block}.hotspot:focus-visible,.hotspot:hover{outline:3px solid rgba(252,233,199,.9);outline-offset:-3px;background:rgba(255,255,255,.07)}.hotspot.studio{left:22.1%;top:17.3%;width:13.9%;height:39.5%}.hotspot.life{left:75.7%;top:17%;width:14%;height:39.7%}.hotspot.universe{left:74.8%;top:1.5%;width:13.6%;height:5.7%}.hotspot.nstudio{left:39%;top:1.8%;width:3.4%;height:4%}.hotspot.nlife{left:43%;top:1.8%;width:3%;height:4%}.hotspot.nabout{left:46.2%;top:1.8%;width:6.2%;height:4%}.hotspot.ndiary{left:53%;top:1.8%;width:4.8%;height:4%}.hotspot.ncontact{left:58.8%;top:1.8%;width:5.3%;height:4%}.hotspot.bath{left:26.1%;top:62.8%;width:14%;height:29%}.hotspot.flower{left:41%;top:62.8%;width:14%;height:29%}.hotspot.case{left:56.9%;top:65.3%;width:24.1%;height:26.7%}.hotspot.know{left:7.5%;top:86.2%;width:16%;height:7%}
.mobile-home{display:none}.below-home{max-width:1440px;margin:auto;padding:70px clamp(24px,6vw,110px) 90px;background:#f9f8f5}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:28px}.section-heading h2{font:400 clamp(34px,4vw,60px)/1.08 var(--serif);margin:0}.quiet{color:#765d55;font:14px/1.55 var(--sans);max-width:500px}.editorial-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.editorial-card{background:#fffdfa;border:1px solid #dfd4cd;border-radius:19px;overflow:hidden;box-shadow:0 10px 26px #49241a12;display:flex;flex-direction:column}.editorial-card .media{height:200px;object-fit:cover;width:100%}.editorial-card .body{padding:23px 24px 26px;display:flex;flex-direction:column;flex:1}.editorial-card h3{font:400 clamp(23px,2.25vw,33px)/1.14 var(--serif);margin:13px 0}.editorial-card p{font-size:13px;color:#725d58;margin:0 0 16px;flex:1}.editorial-card .cta{margin-top:auto;align-self:start}.pill{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;border:1px solid currentColor;border-radius:100px;padding:12px 19px;text-decoration:none;background:transparent;color:inherit;text-transform:uppercase;letter-spacing:.12em;font:700 10px/1.2 var(--sans);cursor:pointer;white-space:nowrap}.pill:hover{transform:translateY(-2px);transition:transform .2s}.pill.wine{background:var(--wine);border-color:var(--wine);color:#fff}.mini-foot{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:#765d55;padding:32px;text-align:center;background:var(--rose2)}
/* Inner editorial pages—papercraft inspired by the approved home. */
.site-header{background:rgba(249,248,245,.96);border-bottom:1px solid #dcd0c7;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px;padding:0 clamp(20px,4.5vw,74px);position:sticky;top:35px;z-index:50}.site-header .logo{font:300 clamp(24px,3vw,39px)/1 var(--sans);letter-spacing:.16em}.site-header nav{display:flex;gap:clamp(15px,2.6vw,36px);align-items:center}.site-header nav a{font:700 11px var(--sans);letter-spacing:.09em;text-transform:uppercase}.site-header nav a:hover{color:var(--wine)}.nav-toggle{display:none;border:1px solid #ded0c4;border-radius:100px;padding:8px 13px;min-height:43px}
.inner-page{background:#f9f8f5;min-height:80vh}.paper-grid{background-image:linear-gradient(rgba(160,97,88,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(160,97,88,.11) 1px,transparent 1px);background-size:24px 24px}.life-hero{min-height:530px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.life-hero .left{position:relative;background:#f9f6ee;padding:clamp(54px,7vw,112px) clamp(26px,8vw,134px);display:flex;flex-direction:column;justify-content:center;z-index:1}.life-hero .left:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(#9e757333 1px,transparent 1px);background-size:100% 30px}.life-hero h1{font:400 clamp(42px,4.8vw,82px)/1.03 var(--serif);max-width:650px;z-index:1;margin:18px 0 25px}.life-hero p{max-width:520px;z-index:1;font:17px/1.65 var(--serif)}.life-hero .right{background:linear-gradient(0deg,#67131c4c,#67131c24),url('../media/Farfalla-Marca-Persona-Naturaleza-Universo-Farfalla.webp') center 40%/cover no-repeat;position:relative}.life-hero .right:before{content:'';position:absolute;inset:35px;background:transparent;border:1px solid #fff9;border-radius:15px}.bookmark{position:absolute;right:clamp(25px,7vw,92px);bottom:48px;background:var(--wine);color:white;border-radius:8px 17px 12px 8px;padding:30px;transform:rotate(-4deg);box-shadow:-8px 8px 0 #d9aeac,0 20px 35px #321b2533;max-width:295px}.bookmark .eyebrow{color:#ecd7d5}.bookmark .serif{font:400 34px/1.05 var(--serif);margin:18px 0}.bookmark span{font-size:12px;letter-spacing:.07em}.life-articles{max-width:1400px;margin:auto;padding:72px clamp(24px,6vw,100px) 105px}.life-articles .pills{display:flex;gap:8px;margin:24px 0 26px;flex-wrap:wrap}.life-articles .tag{border:1px solid #c9aaa7;border-radius:20px;padding:9px 13px;font-size:11px;background:#f4e7e2}.life-articles .tag.active{color:white;background:var(--wine)}.note-strip{display:flex;align-items:center;justify-content:center;background:#f1dfe0;padding:25px;text-align:center;font:italic 22px var(--serif)}.entry{max-width:940px;margin:50px auto 100px;padding:0 25px}.entry-top{background:#f5eeea;border-radius:16px;padding:50px clamp(22px,6vw,80px);position:relative;overflow:hidden;border:1px solid #ebd8d0}.entry-top:before{content:'';position:absolute;inset:0;opacity:.15;background-image:linear-gradient(90deg,#8c5957 1px,transparent 1px),linear-gradient(#8c5957 1px,transparent 1px);background-size:24px 24px}.entry-top>*{position:relative}.entry h1{font:400 clamp(37px,5vw,72px)/1.09 var(--serif);max-width:680px;margin:20px 0}.entry .subtitle{font:17px/1.55 var(--serif);max-width:600px}.entry-body{padding:55px clamp(5px,4vw,70px) 35px;max-width:770px;margin:auto}.entry-body p{font:18px/1.8 var(--serif)}.entry-body h2{font:400 32px var(--serif);margin:40px 0 20px}.pullquote{border-left:3px solid var(--wine);background:var(--rose2);font:italic 28px/1.4 var(--serif);padding:23px 32px;margin:34px 0}.entry-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px}.demo{font:600 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#743138}.demo-label{background:#f5e1e0;border:1px solid #c9a29e;border-radius:24px;padding:5px 10px;display:inline-block}
.studio-hero{min-height:510px;background:linear-gradient(90deg,rgba(9,35,24,.84),rgba(21,49,33,.15)),url('../media/Farfalla-Studio-Arquitectura-Calida-Vegetacion-Interior.webp') center 36%/cover no-repeat;color:white;padding:90px clamp(24px,10vw,170px);display:flex;flex-direction:column;justify-content:center}.studio-hero h1{font:400 clamp(48px,7vw,100px)/1 var(--serif);max-width:880px;margin:15px 0}.studio-hero p{max-width:570px;font:21px/1.5 var(--serif)}.studio-body{max-width:1200px;margin:auto;padding:65px 30px 100px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.studio-body h2{font:400 46px/1.1 var(--serif)}.studio-body img{width:100%;height:340px;object-fit:cover;border-radius:18px}.studio-body .pill{color:var(--forest)}
/* Approved introduction concept: image is a real keyframe, the camera motion below is a CSS preview, not a rendered video. */
.intro{position:fixed;inset:0;z-index:100;background:#1f241b;overflow:hidden;color:white}.intro picture,.intro .cinema{width:100%;height:100%;position:absolute;inset:0;display:block}.intro .cinema{object-fit:cover;object-position:center;animation:cinemaMove 6s ease-out both}.intro .fadeveil{position:absolute;inset:0;background:linear-gradient(90deg,#111b100b,#111b1010),linear-gradient(0deg,#0c140d2e,transparent 26%);pointer-events:none}.intro .intro-buttons{position:absolute;inset:0;z-index:2}.intro .intro-enter{position:absolute;left:39.8%;top:59.5%;height:9.5%;width:20%;border-radius:99px;color:transparent;font-size:0}.intro .intro-enter:focus-visible{outline:3px solid #fff;outline-offset:3px}.intro .intro-enter:hover{background:#fff2}.intro .skip{position:absolute;right:4%;top:2%;background:rgba(0,0,0,.34);padding:10px 16px;border-radius:20px;color:#fff;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase}.intro .simulate{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;font:10px var(--sans);color:#ffffffe0;text-shadow:0 2px 6px #000}.intro.mobile .cinema{object-position:71% center}.intro.mobile .intro-live{display:none}@keyframes cinemaMove{from{transform:scale(1.08) translate(-1%,0)}to{transform:scale(1) translate(0,0)}}.intro.leaving{animation:fadeOut .85s ease both}@keyframes fadeOut{to{opacity:0;visibility:hidden}}
@media(min-width:701px){.intro .skip{color:transparent;background:transparent;right:2%;top:0;width:12%;height:8%;border-radius:0}.intro .skip:hover,.intro .skip:focus-visible{color:white;background:rgba(13,24,14,.86);border-radius:14px}}.mobile-caption,.mobile-intro-copy{display:none}
@media(max-width:960px){.home-img-wrap{display:none}.mobile-home{display:block}.site-header{top:35px}.site-header nav{gap:14px}.site-header .logo{font-size:25px}.life-hero .left{padding:60px 38px}.life-hero h1{font-size:54px}.bookmark{right:20px;bottom:35px}.intro .intro-enter{left:35%;width:30%}.editorial-row{grid-template-columns:1fr 1fr}.editorial-row .editorial-card:last-child{display:none}}
@media(max-width:700px){.bar{font-size:10px;padding:6px 42px 6px 12px}.bar button{top:5px;right:5px}.bar .replay{display:none}.mobile-home{background:var(--paper)}.mobile-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(250,247,241,.94);gap:10px;position:relative;z-index:2}.mobile-header .logo{display:block;line-height:0;flex-shrink:0}.mobile-header .logo img{width:132px;height:auto}.mobile-header button{font:700 11px var(--sans);letter-spacing:.08em;color:var(--wine)}.mobile-photohero{height:360px;position:relative;background:linear-gradient(90deg,#052c1d3c,#290b1055),url('../media/Farfalla-Marca-Fondo-Introduccion-01.webp') center 55%/cover no-repeat;display:flex;align-items:center;justify-content:center;color:white;text-align:center;padding:20px}.mobile-photohero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0f281c66,transparent 80%)}.mobile-photohero .copy{position:relative;z-index:1}.mobile-photohero h1{font:300 clamp(46px,11vw,70px)/1 var(--sans);letter-spacing:.08em;margin:15px 0 11px}.mobile-photohero .headline{font:italic 29px/1.2 var(--serif);max-width:350px;margin:0 auto}.mobile-duo{display:grid;grid-template-columns:1fr 1fr;gap:0;height:210px}.mobile-duo img{height:210px;width:100%;object-fit:cover}.mobile-duo img:first-child{object-position:center 30%}.mobile-duo img:last-child{object-position:center 35%}.mobile-cards{padding:0 18px;margin-top:-45px;z-index:2;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-card{border-radius:16px;border:1px solid #f4ebd955;color:white;box-shadow:0 9px 25px #1b130a35;min-height:280px;display:flex;flex-direction:column;padding:23px 16px 17px;position:relative}.mobile-card:before{content:'';position:absolute;top:-10px;left:13px;right:19px;height:14px;background:#f6ecdcaa;transform:rotate(-4deg);border-radius:2px}.mobile-card.studio{background:#123c2c}.mobile-card.life{background:#861321}.mobile-card h2{font:400 31px/1.05 var(--serif);margin:0 0 16px}.mobile-card p{font:16px/1.3 var(--serif);flex:1}.mobile-card .pill{color:white;white-space:normal;font-size:9px;text-align:center;padding:10px;min-height:42px}.mobile-editorial{padding:45px 18px 50px}.mobile-editorial h2{font:400 51px/1.02 var(--serif);margin:0 0 16px}.mobile-editorial p{font:19px/1.4 var(--serif);max-width:360px}.mobile-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.mobile-preview img{height:185px;width:100%;object-fit:cover;border-radius:13px}.mobile-project{background:#f1e2db;border-radius:16px;overflow:hidden;margin-top:34px}.mobile-project img{height:180px;width:100%;object-fit:cover}.mobile-project p{font:13px var(--sans);padding:0 16px 14px;margin:13px 0}.below-home{padding:44px 18px 65px}.editorial-row{grid-template-columns:1fr}.editorial-row .editorial-card:last-child{display:flex}.section-heading{display:block}.section-heading h2{margin-bottom:15px}.site-header{top:35px;padding:0 15px;min-height:68px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#faf6ee;border-bottom:1px solid #dac5bc;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px}.site-header nav.open{display:flex}.site-header nav a{padding:12px 0;display:block}.nav-toggle{display:block}.life-hero{grid-template-columns:1fr}.life-hero .left{padding:57px 24px 44px}.life-hero .right{height:320px;background-size:cover;background-position:center 29%}.life-hero h1{font-size:clamp(44px,12vw,62px);max-width:550px}.life-hero p{font-size:16px}.bookmark{max-width:240px;padding:22px;right:20px;bottom:22px}.bookmark .serif{font-size:27px}.life-articles{padding:47px 18px 75px}.entry{padding:0 14px;margin:28px auto 65px}.entry-top{padding:32px 22px}.entry-body{padding:35px 10px}.entry-body p{font-size:17px}.studio-hero{min-height:460px;padding:50px 24px}.studio-hero p{font-size:18px}.studio-body{display:block;padding:44px 20px 70px}.studio-body img{margin-top:28px}.intro .cinema{display:none}.intro{background:linear-gradient(0deg,#09201444,#09201466),url('../media/Farfalla-Marca-Fondo-Introduccion-01.webp') center/cover no-repeat}.intro .mobile-intro-copy{position:absolute;z-index:2;left:8%;right:8%;top:35%;display:flex;flex-direction:column;align-items:center;text-align:center;text-shadow:0 3px 12px #000b}.mobile-intro-copy .word{font:300 clamp(43px,11vw,66px)/1 var(--sans);letter-spacing:.1em}.mobile-intro-copy .sub{font:italic 25px/1.25 var(--serif);margin:24px 0}.mobile-intro-copy .pill{color:white}.intro .intro-enter{left:16%;top:58%;width:68%;height:10%}.intro .simulate{bottom:24px;left:10%;right:10%;transform:none}.intro .skip{top:20px;right:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro .cinema,.intro.leaving{animation:none!important}.pill:hover{transform:none}}

/* V0.3: The source image already contains the approved wordmark and handwritten white tagline.
   No tinted background panels may be introduced on this hero. Horizon Regular is
   requested and referenced; use its licensed font file when supplied by the owner. */
:root{--brand-display:'Horizon Regular','Horizon',Arial,sans-serif}
.site-header .logo,.mobile-header .logo,.mobile-photohero h1,.mobile-intro-copy .word{font-family:var(--brand-display)!important;letter-spacing:.1em}
/* Keep the reference's top navigation unobstructed: move prototype notice to a subtle floating chip. */
.bar{position:fixed;top:auto;bottom:12px;right:12px;left:auto;transform:none;min-height:0;max-width:min(90vw,560px);font-size:10px;gap:12px;border:1px solid #d7c2b4;border-radius:14px;padding:10px 42px 10px 15px;box-shadow:0 5px 16px #24101022;z-index:70;opacity:.9}
.bar .replay{position:relative;left:auto;top:auto;right:auto;white-space:nowrap}
.bar button#dismissbar{top:6px;right:6px}
.site-header{top:0}
.mobile-approved-folders{align-items:stretch;gap:14px;max-width:620px;margin-left:auto;margin-right:auto}
.mobile-folder-link{display:block;border-radius:10px;box-shadow:0 15px 22px rgba(38,23,20,.29);overflow:hidden;position:relative;transform:translateY(0);transition:transform .2s,box-shadow .2s;background:transparent}
.mobile-folder-link img{display:block;width:100%;height:100%;aspect-ratio: .63;object-fit:cover;object-position:center}
.mobile-folder-link:focus-visible{outline:3px solid #ffa84b;outline-offset:4px}
.mobile-folder-link:hover{transform:translateY(-3px);box-shadow:0 19px 26px rgba(38,23,20,.32)}
@media(max-width:700px){.bar{right:8px;left:8px;max-width:none;font-size:9px;justify-content:center;padding:7px 28px 7px 9px}.bar .replay{display:none}.mobile-approved-folders{margin-top:-30px;padding:0 26px}.mobile-folder-link img{aspect-ratio:.63}.mobile-photohero .headline{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:white}}

/* V0.5 · First-fold immersive Home. The approved art is split into two native
   images, never stretched or redrawn: original hero is one 100svh screen;
   the original integral/portfolio row begins only on the next scroll. */
:root{--hero-cut:571}
.home-hero-screen{height:100vh;height:100svh;min-height:580px;position:relative;isolation:isolate;overflow:hidden;background:#1f3a2d;max-width:2200px;margin:0 auto}
.home-hero-screen:before{content:'';position:absolute;inset:-30px;z-index:-2;background:linear-gradient(180deg,#16342610 0%,#07231724 75%,#09221862 100%),url('../media/Farfalla-Marca-Fondo-Studio-01.webp') center 70%/cover no-repeat;filter:blur(9px) saturate(1.09);transform:scale(1.04)}
.home-hero-screen:after{content:'';position:absolute;inset:48% 0 0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,#0e2b1a12 35%,#08241570 100%)}
.hero-artboard{position:relative;z-index:2;width:min(125%,max(100%,200svh));left:50%;transform:translateX(-50%);isolation:isolate}
.hero-artboard>img{width:100%;height:auto;display:block;mask-image:linear-gradient(to bottom,#000 0%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 93%,transparent 100%)}
.hero-artboard>.hotspots{inset:0}
/* Hotspots retargeted to the FIRST 571 px, no longer the full 941 px image. */
.hero-hotspots .hotspot.studio{top:28.5%;height:65.1%}
.hero-hotspots .hotspot.life{top:28%;height:65.5%}
.hero-hotspots .hotspot.universe{top:2.5%;height:9.4%}
.hero-hotspots .hotspot.nstudio{top:3%;height:6.6%}
.hero-hotspots .hotspot.nlife{top:3%;height:6.6%}
.hero-hotspots .hotspot.nabout{top:3%;height:6.6%}
.hero-hotspots .hotspot.ndiary{top:3%;height:6.6%}
.hero-hotspots .hotspot.ncontact{top:3%;height:6.6%}
.scroll-prompt{position:absolute;z-index:10;left:50%;bottom:clamp(20px,3.7vh,52px);transform:translateX(-50%);color:white;text-shadow:0 2px 15px #08180ce0;display:flex;align-items:center;flex-direction:column;gap:9px;letter-spacing:.18em;font-size:10px;font-weight:700;text-align:center;padding:12px 16px;white-space:nowrap}
.scroll-prompt:hover{opacity:.8}
.scroll-arrow{display:flex;width:30px;height:30px;border-radius:30px;border:1px solid #f9f8f5a8;align-items:center;justify-content:center;font-size:16px}
.desktop-home-integral{width:100%;max-width:2200px;margin:0 auto;background:#f9f8f5;scroll-margin-top:0}
.integral-artboard{width:100%;position:relative;isolation:isolate}
.integral-artboard>img{width:100%;height:auto;display:block}
/* Hotspots retargeted to the SECOND part (original artwork y=571..940). */
.integral-hotspots .hotspot.bath{top:5.6%;height:73.5%}
.integral-hotspots .hotspot.flower{top:5.6%;height:73.5%}
.integral-hotspots .hotspot.case{top:12.1%;height:68%}
.integral-hotspots .hotspot.know{top:64.9%;height:17.8%}
.mobile-first-screen{display:none}
/* Keep demo disclaimer in the footer, not on top of the approved full-screen composition. */
body#farfalla-page-home ~ *{}
body.home-active .bar{display:none!important}
.mobile-scroll-prompt{display:none}
/* Tablets/mobile use the faithful paper-folder layout from approved artwork,
   not a cropped desktop panoramic montage. The fold encloses the navigation,
   scene and BOTH folders; the editorial area starts afterward. */
@media(max-width:960px){
  .home-hero-screen,.desktop-home-integral{display:none}
  .mobile-home{display:block}
  .mobile-first-screen{display:block;position:relative;min-height:100vh;min-height:100svh;background:linear-gradient(180deg,#254b30,#f9f8f5 78%);padding-bottom:68px;overflow:hidden}
  .mobile-scroll-prompt{display:flex;justify-content:center;align-items:center;gap:14px;position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;text-decoration:none;color:#4a2e2b;font-size:10px;letter-spacing:.13em;font-weight:700;padding:7px}
  .mobile-editorial{scroll-margin-top:0}
}
@media(min-width:701px) and (max-width:960px){
 .mobile-header{display:flex;min-height:76px;padding:0 30px;align-items:center;justify-content:space-between;background:rgba(249,248,245,.96)}
 .mobile-header .logo{display:block;line-height:0;flex-shrink:0}.mobile-header .logo img{width:140px;height:auto}
 .mobile-header button{font:700 12px var(--sans);color:var(--wine)}
 .mobile-photohero{height:40svh;max-height:430px;min-height:290px;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;background:linear-gradient(90deg,#052c1d53,#290b1055),url('../media/Farfalla-Marca-Fondo-Introduccion-01.webp') center 48%/cover no-repeat;color:white}
 .mobile-photohero .copy{position:relative;z-index:2}
 .mobile-photohero h1{font:300 clamp(52px,8vw,75px)/1 var(--brand-display);letter-spacing:.08em;margin:13px 0 9px}
 .mobile-photohero .headline{font:italic 30px/1.2 var(--serif);background:transparent!important;color:white;box-shadow:none!important}
 .mobile-duo{display:grid;grid-template-columns:1fr 1fr;height:21svh;max-height:240px}
 .mobile-duo img{width:100%;height:100%;object-fit:cover}
 .mobile-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative;z-index:4;max-width:540px;margin:-54px auto 0;padding:0 16px}
 .mobile-approved-folders{max-width:540px;padding:0 16px}
 .mobile-folder-link img{aspect-ratio:.63}
 .mobile-editorial{padding:65px 9vw 65px}
 .mobile-editorial h2{font:400 52px/1.03 var(--serif)}
 .mobile-editorial p{font:20px/1.4 var(--serif)}
 .mobile-preview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
 .mobile-preview img{width:100%;height:270px;object-fit:cover;border-radius:16px}
 .mobile-project{margin-top:30px;border-radius:16px;overflow:hidden;background:#f1e2db}
 .mobile-project img{height:280px;width:100%;object-fit:cover}
 .mobile-project p{padding:14px 18px;font-size:14px}
}
@media(max-width:700px){
 .mobile-photohero{height:35svh;min-height:210px;max-height:330px}
 .mobile-duo,.mobile-duo img{height:21svh;min-height:128px;max-height:205px}
 .mobile-approved-folders{margin-top:-42px}
 .mobile-first-screen{padding-bottom:70px}
 .mobile-scroll-prompt{bottom:19px;font-size:9px}
}
@media(max-height:650px) and (min-width:961px){
 .home-hero-screen{min-height:500px}
 .scroll-prompt{bottom:9px}
}
@media(prefers-reduced-motion:reduce){.scroll-prompt,.mobile-scroll-prompt{scroll-behavior:auto}}

/* V0.5 — minimal scroll affordance; remove the heavy 1/3-screen blurred band.
   Approved art/paper folders and second-section seam remain untouched. */
.home-hero-screen:before{
  inset:0; transform:none; filter:none;
  background-image:linear-gradient(180deg,rgba(5,28,18,0) 66%,rgba(5,29,19,.16) 94%,rgba(5,29,19,.24) 100%),url('../media/Farfalla-Marca-Fondo-Studio-01.webp');
  background-position:center bottom,center 55%;
  background-size:cover,cover;
}
.home-hero-screen:after{
  inset:auto 0 0;height:68px;
  background:linear-gradient(to bottom,transparent,rgba(5,24,16,.35));
}
.hero-artboard>img{mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%)}
.scroll-prompt{
  bottom:11px;padding:4px 12px;gap:8px;display:flex;flex-direction:row;
  background:rgba(7,23,15,.16);border:1px solid rgba(255,255,255,.17);border-radius:999px;
  font-size:9px;font-weight:400;letter-spacing:.19em;line-height:1.2;opacity:.85;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)
}
.scroll-arrow{width:auto;height:auto;font-size:15px;line-height:1;border:0;border-radius:0;display:inline-flex}
.scroll-prompt:hover,.scroll-prompt:focus-visible{opacity:1;background:rgba(7,23,15,.4)}
@media(max-width:960px){
 .mobile-scroll-prompt{bottom:10px;font-size:9px;font-weight:400;letter-spacing:.13em;padding:5px 9px;gap:7px;border:1px solid rgba(51,40,32,.18);border-radius:999px;background:rgba(249,248,245,.55);opacity:.82}
}
@media(max-height:650px) and (min-width:961px){.scroll-prompt{bottom:6px}}

/* STUDIO V0.1 — independent, editorial art-direction proposal; does not alter approved Home V0.5. */
.st-page{--st-forest:#123e2c;--st-wine:#980e0e;--st-paper:#f9f8f5;background:#f9f8f5;overflow:hidden;color:#352522}
body:not(.home-active) .bar{display:none!important}
.st-page h1,.st-page h2,.st-page h3{font-weight:400}.st-page h1 em,.st-page h2 em{font-weight:400;font-style:italic}
.st-container{max-width:1420px;margin:0 auto;padding-left:clamp(22px,6vw,100px);padding-right:clamp(22px,6vw,100px)}
.st-section-tag,.st-eyebrow,.st-side-label{font:600 10px/1.3 var(--sans);letter-spacing:.23em;text-transform:uppercase}
.st-section-tag{color:#825453;display:block;margin-bottom:24px}.st-page p{line-height:1.65}
.st-hero{min-height:85svh;position:relative;display:flex;align-items:center;overflow:hidden;color:white;background:#173827}
.st-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;filter:saturate(.9)}
.st-hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,34,24,.88) 0%,rgba(10,40,26,.69) 36%,rgba(10,35,23,.15) 90%)}
.st-hero-content{position:relative;z-index:1;padding:130px clamp(26px,8vw,160px);max-width:1150px}.st-eyebrow{color:#ede6ce}
.st-hero h1{font:400 clamp(49px,7.2vw,115px)/1.04 var(--serif);letter-spacing:-.045em;margin:30px 0 27px;text-wrap:balance}
.st-hero h1 em{font:italic 400 .77em var(--serif)}.st-hero p{font:400 clamp(17px,1.6vw,23px)/1.55 var(--serif);max-width:610px;margin:0 0 27px}
.st-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.st-action-main,.st-action-dark,.st-action-light{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:15px 24px;min-height:45px;gap:8px;border-radius:40px;font:650 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;transition:transform .25s}
.st-action-main{background:#f4eee4;color:#234132}.st-action-dark{background:#143d2d;color:white}.st-action-light{background:#f9f8f5;color:#7b1824}
.st-action-main:hover,.st-action-dark:hover,.st-action-light:hover{transform:translateY(-2px)}
.st-action-line{color:#f5f0e7;text-decoration:none;border-bottom:1px solid #ffffff99;padding-bottom:5px;font:13px var(--sans)}
.st-side-label{position:absolute;right:22px;bottom:26px;color:#f4eee4;writing-mode:vertical-rl;z-index:2}
.st-philosophy{padding-top:115px;padding-bottom:100px}.st-philosophy-grid{display:grid;grid-template-columns:1.05fr .85fr;gap:9vw}
.st-philosophy h2,.st-service h2,.st-process h2,.st-gallery-header h2,.st-profile h2,.st-cta h2{font:400 clamp(42px,4.8vw,76px)/1.09 var(--serif);letter-spacing:-.035em;margin:0 0 25px;text-wrap:balance}
.st-philosophy-grid p{max-width:540px;font:18px/1.66 var(--serif);margin:0 0 20px}
.st-values{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:72px}
.st-values>div{padding-top:20px;border-top:1px solid #cdb8ad;display:flex;flex-direction:column;gap:10px}.st-values small{font-size:11px;color:#954b4f}.st-values strong{font:400 30px var(--serif)}.st-values span{font:15px/1.5 var(--sans);max-width:240px}
.st-service{background:#e5e1d2;position:relative;overflow:hidden;padding:110px 0}.st-service:before{content:'';position:absolute;inset:0;opacity:.34;pointer-events:none;background-image:linear-gradient(#c6bba5 1px,transparent 1px),linear-gradient(90deg,#c6bba5 1px,transparent 1px);background-size:35px 35px}
.st-service-stage{display:grid;grid-template-columns:1.02fr .95fr;gap:8vw;align-items:center;position:relative}.st-service-left p{font:18px/1.65 var(--serif);max-width:570px}.st-service-left .st-smallnote{font:13px/1.5 var(--sans);color:#6b5951;margin-top:22px}
.st-folder-stack{height:580px;position:relative;transform:rotate(1deg)}.st-paper-1,.st-paper-2{position:absolute;width:75%;height:62%;top:10%;left:18%;border:1px solid #e4d7c4;box-shadow:0 12px 30px #2920122b;background:#f8f5ed;padding:26px;font:10px/1.3 var(--sans);letter-spacing:.18em;color:#83554b;transform:rotate(11deg)}.st-paper-2{transform:rotate(-8deg);top:12%;left:9%;background:#bb8e6f;color:white}
.st-folder{position:absolute;inset:18% 7% 2% 3%;background:linear-gradient(145deg,#173d31,#163324);border-radius:15px 15px 9px 9px;box-shadow:0 23px 60px #2c2b2047;border:1px solid #8aa18d;color:white;padding:42px 37px 32px;display:flex;flex-direction:column;justify-content:space-between}
.st-folder:before{content:'';position:absolute;top:-30px;left:0;width:46%;height:48px;background:#173d31;border-radius:14px 20px 0 0;border-top:1px solid #8aa18d}.st-folder-num{font:10px var(--sans);letter-spacing:.16em;z-index:1}.st-folder-title{font:400 clamp(55px,6.6vw,98px)/.9 var(--serif);letter-spacing:-.06em}.st-folder p{font:400 20px/1.3 var(--serif);letter-spacing:.13em}.st-folder-line{height:1px;background:#ffffff85;width:100%}.st-folder small{font:10px var(--sans);letter-spacing:.13em}.st-paperclip{position:absolute;z-index:2;top:11%;left:12%;font:90px var(--serif);color:#cdcbc1;transform:rotate(-23deg);text-shadow:0 3px 9px #25211444}
.st-process{padding-top:110px;padding-bottom:120px}.st-process-title{display:grid;grid-template-columns:1fr .7fr;gap:9vw;align-items:end}.st-process-title p{font:16px/1.6 var(--serif);max-width:475px}
.st-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:80px;position:relative}.st-timeline:before{content:'';position:absolute;top:11px;left:11px;right:11px;height:1px;background:#9a3742}.st-timeline>div{position:relative;padding:40px 20px 10px 0}.st-timeline .st-dot{position:absolute;top:3px;left:0;width:17px;height:17px;border-radius:100%;background:#980e0e;border:3px solid #f9f8f5;box-shadow:0 0 0 1px #980e0e}.st-timeline b{font:400 23px var(--serif);color:#6f252d}.st-timeline p{font:14px/1.55 var(--sans);max-width:205px}
.st-gallery-section{background:#f3e8e1;padding:100px 0 130px;overflow:hidden}.st-gallery-header{max-width:880px}.st-gallery-header p{font:15px/1.6 var(--serif);max-width:640px}
.st-fan{height:610px;position:relative;margin:30px auto 0;max-width:1100px}.st-fan-img{position:absolute;left:50%;top:55px;width:33%;height:470px;transform-origin:center 110%;background:#e6d6ce;padding:11px 11px 42px;text-decoration:none;color:#4f3332;box-shadow:0 20px 40px #391c2242;border:1px solid #f8e8e2;transition:transform .36s ease;display:block;border-radius:11px}.st-fan-img img{height:100%;width:100%;object-fit:cover;display:block;border-radius:4px}.st-fan-img span{position:absolute;bottom:14px;left:15px;font:10px var(--sans);letter-spacing:.05em}.st-fan-1{transform:translateX(-109%) rotate(-21deg);z-index:1}.st-fan-2{transform:translateX(-50%) rotate(1deg);z-index:3}.st-fan-3{transform:translateX(9%) rotate(21deg);z-index:2}.st-fan-1:hover{transform:translateX(-109%) rotate(-15deg) translateY(-20px)}.st-fan-2:hover{transform:translateX(-50%) rotate(0deg) translateY(-20px)}.st-fan-3:hover{transform:translateX(9%) rotate(15deg) translateY(-20px)}
.st-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.st-project-card{background:#fbf9f5;overflow:hidden;border-radius:17px;border:1px solid #edddd6;box-shadow:0 8px 24px #4b28221a}.st-project-card img{width:100%;height:340px;object-fit:cover;display:block;background:#d8c5ba}.st-project-info{padding:25px 28px 30px}.st-mini{font:11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#824b4c}.st-project-info h3{font:400 32px/1.14 var(--serif);margin:10px 0}.st-project-info p{font:15px/1.55 var(--sans)}.st-project-info a{font:650 11px var(--sans);letter-spacing:.06em;color:#74252f;text-decoration:none}
.st-profile{display:grid;grid-template-columns:.72fr 1fr;gap:8vw;align-items:center;padding-top:130px;padding-bottom:130px}.st-profile-photo img{height:500px;width:100%;object-fit:cover;border-radius:250px 250px 18px 18px}.st-profile p{font:17px/1.65 var(--serif);max-width:630px}
.st-cta{padding:100px 25px;text-align:center;background:radial-gradient(ellipse at 20% 20%,#b55b5c70,transparent 45%),linear-gradient(135deg,#68111c,#970f17);color:white}.st-cta>span{font:10px var(--sans);letter-spacing:.22em}.st-cta h2{margin:25px auto;max-width:800px}.st-cta p{font:18px var(--serif);margin-bottom:32px}.st-cta small{display:block;font:11px var(--sans);opacity:.77;margin-top:24px}.st-footer-note{font:10px var(--sans);letter-spacing:.1em;padding:18px;text-align:center;color:#846e64;background:#f9f8f5}
@media(max-width:850px){.st-philosophy-grid,.st-service-stage,.st-process-title,.st-profile{grid-template-columns:1fr;gap:27px}.st-philosophy{padding-top:75px;padding-bottom:65px}.st-values{margin-top:45px}.st-folder-stack{height:500px;max-width:480px;width:100%;margin:25px auto 0}.st-timeline{grid-template-columns:repeat(2,1fr);row-gap:24px}.st-timeline:before{display:none}.st-timeline>div{border-top:1px solid #b77c82;padding-top:30px}.st-timeline .st-dot{top:-8px}.st-fan{height:510px}.st-fan-img{height:400px;width:40%}.st-profile-photo{max-width:430px}.st-gallery-section{padding:75px 0}}
@media(max-width:600px){.st-hero{min-height:81svh}.st-hero-content{padding:100px 25px}.st-hero h1{font-size:clamp(40px,11vw,62px);margin:28px 0}.st-hero h1 br{display:none}.st-hero p{font-size:17px}.st-side-label{display:none}.st-philosophy h2,.st-service h2,.st-process h2,.st-gallery-header h2,.st-profile h2,.st-cta h2{font-size:clamp(37px,10vw,53px)}.st-philosophy-grid p,.st-service-left p,.st-profile p{font-size:16px}.st-values{grid-template-columns:1fr;gap:20px}.st-service{padding:65px 0}.st-folder-stack{height:410px}.st-folder{padding:31px 25px 23px}.st-folder-title{font-size:54px}.st-folder p{font-size:16px}.st-timeline{grid-template-columns:1fr}.st-fan{height:auto;display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding:23px 7vw 45px;margin:20px -7vw 20px}.st-fan-img,.st-fan-1,.st-fan-2,.st-fan-3{position:relative;top:auto;left:auto;flex:0 0 74%;height:340px;transform:none!important;scroll-snap-align:center}.st-project-grid{grid-template-columns:1fr;gap:22px}.st-project-card img{height:270px}.st-gallery-section{padding:60px 0}.st-profile{padding-top:85px;padding-bottom:85px}.st-profile-photo img{height:420px}.st-cta{padding:75px 22px}.st-section-tag{font-size:9px}}
@media(prefers-reduced-motion:reduce){.st-fan-img,.st-action-main,.st-action-dark,.st-action-light{transition:none!important}}


/* FARFALLA · STUDIO V0.2 / SHINKA V0.1 · immersive art direction, all local/offline except verified portfolio URLs */
.home-hero-screen:before { background-image:linear-gradient(0deg,rgba(4,33,22,.19),rgba(4,33,22,.27)),url('../media/Farfalla-Marca-Fondo-Vegetacion-01.webp')!important; background-size:cover,cover!important;background-position:center bottom,center 62%!important;filter:none!important;transform:none!important;}
.home-hero-screen:after{height:72px;inset:auto 0 0;background:linear-gradient(180deg,transparent,rgba(3,33,19,.28))}
/* Studio: kinetic cinematic hero without external stock video. Real video remains a production dependency. */
.st-page{--ease:cubic-bezier(.22,1,.36,1);overflow:hidden}
body#farfalla-page-studio:not([hidden]),body#farfalla-page-shinka:not([hidden]){animation:page-reveal .72s ease both}
@keyframes page-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.st-hero{min-height:100svh}
.st-hero-media{animation:st-kenburns 22s ease-in-out alternate infinite;transform-origin:center;transition:opacity .4s}
@keyframes st-kenburns{0%{transform:scale(1.07) translate(-1%,0)}100%{transform:scale(1.2) translate(1%,-1%)}}
.st-hero-scrim{background:linear-gradient(90deg,#06190feb 0%,#103523dc 25%,#12371e85 52%,#152f1815 98%)}
.st-film-grain{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.12;z-index:1;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 170 170" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".65" numOctaves="3" seed="7" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E')}
.st-film-vignette{pointer-events:none;position:absolute;inset:0;z-index:1;box-shadow:inset 0 -150px 130px #07190e66,inset 0 110px 115px #07190e55}
.st-hero-index{font:10px var(--sans);position:absolute;top:8%;right:6%;z-index:2;color:#fff9;letter-spacing:.23em}
.st-hero-content{padding-top:110px;padding-bottom:110px}
.st-hero h1{font-size:clamp(56px,7.5vw,128px);line-height:.99;font-weight:400;letter-spacing:-.055em;text-wrap:balance;max-width:1020px}
.st-hero h1 em{font-size:.76em}
.st-hero p{font-size:clamp(17px,1.4vw,22px);max-width:540px}
.st-side-label{z-index:3}
.st-scroll-cue{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:3;color:#fff;letter-spacing:.25em;font:9px var(--sans);display:flex;align-items:center;gap:20px;text-shadow:0 2px 8px #0009}
.st-scroll-cue span{font-size:24px;font-weight:200;line-height:1;animation:st-bob 1.8s ease-in-out infinite}
@keyframes st-bob{50%{transform:translateY(5px)}}
.st-cinema{height:88svh;min-height:550px;position:relative;background:#12231c;color:#f9f8f5;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.st-cinema-images{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);transform:scale(1.05)}
.st-cinema-images img{width:100%;height:100%;object-fit:cover;opacity:.36;filter:sepia(.14) saturate(.7) contrast(1.05);transform:scale(1.12);animation:cinema-photo 17s ease-in-out alternate infinite}
.st-cinema-images img:nth-child(2){animation-delay:-5s;filter:saturate(.55) contrast(1.1);opacity:.23}
.st-cinema-images img:nth-child(3){animation-delay:-10s;opacity:.28}
@keyframes cinema-photo{to{transform:scale(1.01) translateY(-1.2%)}}
.st-cinema:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03140fe0,transparent,#03140fcc),linear-gradient(0deg,#09261a7f,#02150fa3)}
.st-cinema-copy{z-index:2;position:relative;text-align:center;max-width:940px;padding:40px 25px}
.st-cinema-copy>span{font:11px var(--sans);letter-spacing:.28em;color:#d4dbbf}
.st-cinema-copy h2{font:400 clamp(55px,8.2vw,120px)/.95 var(--serif);letter-spacing:-.06em;margin:32px 0}
.st-cinema-copy h2 em{font-weight:400;color:#e9bdbe}
.st-cinema-copy p{font:italic 18px var(--serif);opacity:.8}
.st-cinema-frame{position:absolute;bottom:32px;right:5vw;font:10px var(--sans);letter-spacing:.2em;z-index:3;opacity:.7}
.st-service{background:#eee9df}
.st-folder-stack{perspective:1000px;transform-style:preserve-3d;will-change:transform;transition:transform .4s ease;cursor:default}
.st-folder-stack .st-folder{transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.st-folder-stack .st-paper-1,.st-folder-stack .st-paper-2{transition:transform .85s var(--ease)}
.st-folder-stack.is-visible .st-paper-1{transform:rotate(15deg) translate(16px,-16px)}
.st-folder-stack.is-visible .st-paper-2{transform:rotate(-12deg) translate(-14px,-22px)}
.st-folder-stack:hover .st-folder{transform:translateZ(22px) translateY(-8px);box-shadow:0 36px 80px #171d1b5b}
.st-timeline{isolation:isolate}
.st-timeline-progress{position:absolute;top:11px;height:2px;left:10px;width:calc((100% - 20px) * var(--timeline-progress,0));background:#bd5e6c;z-index:1;transition:width .15s linear;pointer-events:none}
.st-gallery-section{background:linear-gradient(165deg,#f1e0df,#f8f3ed 78%)}
.st-fan{perspective:1200px;transform-style:preserve-3d}
.st-fan-img{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,filter;transition:transform .7s var(--ease),filter .5s,box-shadow .5s}
.st-fan-img:hover,.st-fan-img:focus-visible{filter:brightness(1.06);box-shadow:0 32px 65px #4220256b}
.st-fan-img:nth-child(1):hover{transform:translateX(-109%) rotate(-12deg) translateY(-28px) translateZ(25px)}
.st-fan-img:nth-child(2):hover{transform:translateX(-50%) rotate(0deg) translateY(-28px) translateZ(25px)}
.st-fan-img:nth-child(3):hover{transform:translateX(9%) rotate(12deg) translateY(-28px) translateZ(25px)}
.st-fan-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 0;font:10px var(--sans);letter-spacing:.16em;color:#714c4a}
.st-fan-tools>div{display:flex;gap:10px}
.st-fan-tools button{height:40px;width:40px;border:1px solid #845d5a;border-radius:50%;font-size:19px;color:#5a2f33;transition:background .2s,transform .3s}
.st-fan-tools button:hover{background:#ead9da;transform:scale(1.08)}
.st-project-card{transition:transform .65s var(--ease),box-shadow .65s var(--ease)}
.st-project-card:hover{transform:translateY(-12px);box-shadow:0 28px 60px #43141a35}
.st-project-card img{transition:transform 1.3s var(--ease)}
.st-project-card:hover img{transform:scale(1.035)}
[data-reveal]{opacity:0;transform:translate3d(0,42px,0);transition:opacity .9s var(--ease),transform 1s var(--ease)}
[data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
/* SHINKA · tactile architecture, wine-red editorial route; source-inspired but newly composed */
.sh-page{background:var(--paper);--shwhite:#f8eee7;--shwine:#840e17;--shease:cubic-bezier(.22,1,.36,1);overflow:hidden;color:#392020}
.sh-container{max-width:1500px;padding-left:clamp(24px,6.4vw,114px);padding-right:clamp(24px,6.4vw,114px);margin-left:auto;margin-right:auto}
.sh-hero{min-height:100svh;background:#183829;color:#f9f8f5;position:relative;overflow:hidden;display:flex;align-items:center;isolation:isolate}
.sh-hero-scene{position:absolute;inset:0;display:block;overflow:hidden}
.sh-hero-scene img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.02);animation:sh-slowzoom 28s ease-in-out alternate infinite;position:absolute;inset:0}
.sh-scene-b{left:auto!important;right:0;top:0;width:46%!important;object-position:55% center;animation-delay:-14s!important;filter:contrast(1.1) sepia(.08)!important;mask-image:linear-gradient(to right,transparent 0%,#000 30%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%)}
@keyframes sh-slowzoom{to{transform:scale(1.16) translateX(-1%)}}
.sh-hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#112a20ed 0%,#163629c5 45%,#0c251544 90%),linear-gradient(0deg,#091b12cf,transparent 24%)}
.sh-toplabel,.sh-folio{position:absolute;font:10px var(--sans);letter-spacing:.2em;color:#f9f8f5b5;z-index:2}
.sh-toplabel{top:8%;left:6%}.sh-folio{right:5%;bottom:26px}
.sh-hero-copy{z-index:1;position:relative;width:100%;padding:120px clamp(25px,7vw,126px) 80px}
.sh-eyebrow,.sh-kicker{font:600 10px var(--sans);letter-spacing:.24em}
.sh-hero h1{font:400 clamp(92px,17vw,310px)/.72 var(--serif);letter-spacing:-.09em;margin:55px 0 34px;white-space:nowrap;position:relative}
.sh-star{font:400 clamp(30px,3.6vw,60px) var(--serif);position:absolute;top:-26%;vertical-align:top;margin-left:27px;color:#eab7ba;letter-spacing:0}
.sh-calligraphy{font:italic 400 clamp(24px,3.2vw,56px)/1.16 var(--serif);color:#f4e8db;letter-spacing:-.035em}
.sh-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:clamp(48px,7vh,90px);max-width:830px}
.sh-hero-bottom p{font:16px/1.7 var(--serif);max-width:510px}
.sh-circ-link{width:68px;height:68px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:28px;flex:0 0 auto;transition:transform .3s,background .3s}
.sh-circ-link:hover{transform:translateY(4px);background:#fff2}
.sh-intro{padding-top:125px;padding-bottom:140px;display:grid;grid-template-columns:.5fr 1.65fr;gap:5vw}
.sh-intro-label{font:10px var(--sans);letter-spacing:.22em;white-space:nowrap;color:#7a514f}
.sh-dash{display:block;background:#9a7671;height:1px;width:70%;margin-top:28px}
.sh-intro h2,.sh-material-header h2,.sh-folder-layout h2,.sh-journey h2,.sh-portfolio h2,.sh-outro h2{font:400 clamp(49px,6.8vw,112px)/1.01 var(--serif);letter-spacing:-.06em}
.sh-intro h2 em,.sh-material-header em,.sh-folder-layout em,.sh-journey h2 em,.sh-portfolio em,.sh-outro em{font-weight:400;color:#902f3c}
.sh-intro-content>p{max-width:820px;font:clamp(18px,2vw,27px)/1.58 var(--serif)}
.sh-intro-content>p+p{font-size:clamp(15px,1.2vw,18px);max-width:660px;margin-top:35px;color:#63504a}
.sh-editorial{background:#e8dfd2;position:relative;padding:100px 0 140px}
.sh-editorial:before{content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#947d6230 1px,transparent 1px),linear-gradient(90deg,#947d6230 1px,transparent 1px);background-size:34px 34px;opacity:.25}
.sh-material-board{position:relative}.sh-material-header>span{font:10px var(--sans);letter-spacing:.19em;color:#5f4341}
.sh-material-header h2{max-width:950px;margin:26px 0 48px}
.sh-material-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:25px;align-items:start}
.sh-material-img{margin:0;background:#f8f3eb;padding:11px 11px 27px;box-shadow:0 15px 30px #4f352929;transform-origin:center;position:relative}
.sh-material-img img{height:390px;width:100%;object-fit:cover;filter:saturate(.82)}
.sh-material-img figcaption{font:10px var(--sans);letter-spacing:.1em;margin:12px 0 0}
.sh-img1{transform:rotate(-5deg) translateY(18px)}.sh-img2{transform:rotate(3deg) translateY(-12px)}.sh-img3{grid-column:3;transform:rotate(-4deg) translateY(-88px)}
.sh-material-img.is-visible{transform:rotate(var(--tilt,0deg)) translateY(var(--ty,0px))}
.sh-img1{--tilt:-4deg;--ty:16px}.sh-img2{--tilt:3deg;--ty:-12px}.sh-img3{--tilt:-4deg;--ty:-20px}
.sh-material-note{grid-column:1/3;background:#f9f5ec;padding:clamp(30px,4vw,65px);min-height:290px;position:relative;box-shadow:0 18px 34px #45302222;margin-top:-25px}
.sh-material-note:before{content:'';position:absolute;top:-23px;left:7%;width:35%;height:23px;background:#f9f5ec;border-radius:8px 10px 0 0}
.sh-material-note span{font:10px var(--sans);letter-spacing:.2em}
.sh-material-note strong{display:block;font:400 clamp(31px,4vw,65px)/1.05 var(--serif);margin:28px 0 20px}
.sh-material-note strong em{color:#a53e50}.sh-material-note p{font:16px/1.55 var(--serif);max-width:500px}
.sh-folder-section{background:#fffdfa;padding:135px 0}
.sh-folder-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}
.sh-folder-layout h2{font-size:clamp(45px,5vw,82px);margin:28px 0}
.sh-folder-layout p{font:18px/1.7 var(--serif);max-width:560px}
.sh-text-link{font:700 10px var(--sans);letter-spacing:.12em;border-bottom:1px solid;padding:5px 0 12px;display:inline-block;margin-top:15px;color:#71383f}
.sh-folder-object{position:relative;height:530px;perspective:1100px;transform-style:preserve-3d;will-change:transform}
.sh-layer{position:absolute;width:78%;height:65%;top:12%;left:12%;padding:23px;background:#e9dfca;border:1px solid #b69d8b;box-shadow:0 18px 42px #30232027;font:10px var(--sans);letter-spacing:.14em}
.sh-layer1{transform:rotate(11deg) translate(15px,-30px);background:#d9aa9e}.sh-layer2{transform:rotate(-10deg) translate(-18px,-9px);background:#f9f6ee}
.sh-front{position:absolute;inset:16% 3% 3% 2%;background:linear-gradient(130deg,#246051,#10392c);border-radius:15px 17px 8px 8px;color:white;display:flex;flex-direction:column;justify-content:space-between;padding:45px;box-shadow:0 25px 55px #11321e66;transition:transform .6s var(--shease)}
.sh-front:before{content:'';position:absolute;top:-26px;left:0;width:44%;height:38px;background:#246051;border-radius:12px 13px 0 0}
.sh-front>span{font:10px var(--sans);letter-spacing:.19em;position:relative}
.sh-front strong{font:400 clamp(63px,8vw,134px)/.8 var(--serif);letter-spacing:-.085em}
.sh-front em{font:italic 25px var(--serif)}.sh-front .sh-insignia{align-self:end}
.sh-folder-object:hover .sh-front,.sh-folder-object:focus-visible .sh-front{transform:translateZ(25px) translateY(-8px)}
.sh-journey{padding:110px 0 115px;color:#f8f4ed;position:relative;background:radial-gradient(ellipse at 20% 35%,#ac2a27a1,transparent 40%),radial-gradient(ellipse at 85% 78%,#4e091ba8,transparent 57%),linear-gradient(120deg,#691019,#890d19 56%,#4b0714);overflow:hidden}
.sh-journey-ink{position:absolute;inset:0;pointer-events:none;opacity:.19;background:repeating-linear-gradient(92deg,transparent 0,transparent 86px,#12060a3a 88px,transparent 100px),radial-gradient(ellipse at 60% 25%,#f7a09965,transparent 55%)}
.sh-journey-inner{position:relative}
.sh-journey-head>span,.sh-portfolio-head>span{font:10px var(--sans);letter-spacing:.18em}
.sh-journey-head h2{font-size:clamp(47px,6.2vw,92px);margin:23px 0}
.sh-journey h2 em{color:#f6d2d3}
.sh-journey-head p{font:16px/1.55 var(--serif);max-width:630px;color:#f5dcd8}
.sh-route{position:relative;height:540px;margin:75px 0 0}
.sh-route-svg{position:absolute;width:100%;height:100%;left:0;top:0;overflow:visible}
.sh-route-track{fill:none;stroke:#ffecdf85;stroke-width:2.5;vector-effect:non-scaling-stroke}
.sh-route-active{fill:none;stroke:#fff;stroke-width:3.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round}
.sh-route-step{position:absolute;width:210px;z-index:3;transform:translate3d(0,30px,0)}
.sh-route-step.is-visible{transform:translate3d(0,0,0)}
.sh-step-1{left:7%;top:2%}.sh-step-2{left:44%;top:2%}.sh-step-3{left:73%;top:74%}.sh-step-4{left:7%;top:74%}
.sh-route-step .sh-route-number{font:10px var(--sans);letter-spacing:.16em;color:#ffe7e6ad;display:block;margin-bottom:28px}
.sh-route-dot{display:block;width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #a82734,0 0 0 6px #ffecdf9e}
.sh-route-step h3{font:400 35px var(--serif);margin:20px 0 7px}
.sh-route-step p{font:15px/1.55 var(--serif);max-width:210px;color:#ffeae3}
.sh-journey-disclaimer{font:9px/1.5 var(--sans);letter-spacing:.18em;color:#fce6ddaf;border-top:1px solid #f6cec183;padding-top:24px}
.sh-portfolio{padding-top:130px;padding-bottom:140px}
.sh-portfolio h2{margin:26px 0 20px}.sh-portfolio-head p{font:17px/1.65 var(--serif);max-width:670px}
.sh-project-previews{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-top:65px}
.sh-project-previews a{display:block;overflow:hidden;border-radius:17px;background:#e7dcd1;box-shadow:0 14px 25px #58372b17}
.sh-project-previews img{width:100%;height:440px;object-fit:cover;transition:transform .7s var(--shease)}
.sh-project-previews a:hover img{transform:scale(1.05)}
.sh-project-previews span{padding:20px;display:flex;align-items:center;justify-content:space-between;font:11px var(--sans);letter-spacing:.13em}
.sh-project-previews b{font-size:19px}
.sh-outro{min-height:640px;display:grid;place-items:center;text-align:center;background:linear-gradient(#11281de5,#11281ddf),url('../media/Farfalla-Studio-Arquitectura-Calida-Vegetacion-Interior.webp') center/cover;color:#f7f4ed;position:relative;overflow:hidden}
.sh-outro>div:not(.sh-outro-orb){position:relative;z-index:2;padding:80px 25px}
.sh-outro span{font:11px var(--sans);letter-spacing:.22em}
.sh-outro h2{font-size:clamp(51px,8vw,112px);margin:34px auto 24px}
.sh-outro h2 em{color:#e7c8c7}.sh-outro p{font:20px var(--serif);margin:28px auto}
.sh-cta{display:inline-block;border:1px solid #fff8;border-radius:99px;padding:17px 33px;font:12px var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:background .3s,color .3s}
.sh-cta:hover{background:#faf5eb;color:#153b29}
.sh-proto-foot{text-align:center;padding:26px;background:#f0e7df;color:#624a48;font:10px/1.5 var(--sans);letter-spacing:.15em}
@media(max-width:960px){.st-cinema{min-height:480px}.st-cinema-copy h2{font-size:clamp(55px,9vw,90px)}.sh-material-img img{height:280px}.sh-material-grid{gap:12px}.sh-folder-layout{gap:30px}.sh-folder-object{height:430px}.sh-route-step{width:175px}.sh-route-step h3{font-size:27px}}
@media(max-width:700px){.st-hero{min-height:90svh}.st-hero-content{padding:100px 24px 125px}.st-hero h1{font-size:clamp(49px,13vw,80px)}.st-cinema{height:75svh;min-height:460px}.st-cinema-images{grid-template-columns:1fr 1fr}.st-cinema-images img:last-child{display:none}.st-cinema-copy h2{font-size:clamp(55px,12vw,77px)}.st-cinema-copy>span{font-size:8px}.st-cinema-copy p{font-size:15px}.st-gallery-section .st-fan-tools{margin:20px 0 8px;font-size:9px}.st-fan-img:nth-child(n){transform:none!important}.st-fan-tools button{width:37px;height:37px}.st-timeline-progress{display:none}.sh-hero{min-height:88svh}.sh-hero-scene{grid-template-columns:1fr}.sh-hero-scene img.sh-scene-b{display:none}.sh-hero-copy{padding:150px 24px 70px}.sh-hero h1{font-size:clamp(86px,19vw,145px);margin:50px 0 35px}.sh-star{font-size:27px;top:-20%;margin-left:8px}.sh-calligraphy{font-size:clamp(26px,6.2vw,35px)}.sh-hero-bottom{align-items:flex-start;gap:12px}.sh-hero-bottom p{font-size:15px}.sh-circ-link{width:48px;height:48px;flex:0 0 48px;font-size:22px}.sh-intro{grid-template-columns:1fr;gap:30px;padding-top:80px;padding-bottom:80px}.sh-intro h2,.sh-material-header h2,.sh-folder-layout h2,.sh-journey h2,.sh-portfolio h2,.sh-outro h2{font-size:clamp(46px,10vw,68px)}.sh-intro-content>p{font-size:20px}.sh-editorial{padding:65px 0 80px}.sh-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sh-material-img img{height:215px}.sh-img1,.sh-img2,.sh-img3{transform:none!important}.sh-img3{grid-column:2}.sh-material-note{grid-column:1/3;grid-row:2;min-height:240px;margin:6px 0 0}.sh-material-note strong{font-size:44px}.sh-folder-section{padding:80px 0}.sh-folder-layout{grid-template-columns:1fr;gap:55px}.sh-folder-object{height:390px;max-width:460px;width:100%;margin:auto}.sh-front{padding:35px}.sh-front strong{font-size:76px}.sh-front em{font-size:21px}.sh-journey{padding:80px 0 90px}.sh-journey-head p{font-size:15px}.sh-route{height:auto;margin:50px 0 30px;display:grid;gap:30px;padding-left:28px}.sh-route-svg{display:none}.sh-route:before{content:'';position:absolute;left:8px;top:18px;bottom:40px;width:2px;background:#ffe6ddaa}.sh-route-step{position:relative;left:auto;top:auto;width:auto;padding-bottom:20px}.sh-route-step .sh-route-number{display:inline;margin-right:12px}.sh-route-dot{position:absolute;left:-27px;top:9px;width:15px;height:15px}.sh-route-step h3{font-size:34px;margin:16px 0 8px}.sh-route-step p{max-width:340px}.sh-portfolio{padding-top:80px;padding-bottom:90px}.sh-project-previews{grid-template-columns:1fr;margin-top:35px}.sh-project-previews img{height:300px}.sh-outro{min-height:530px}.sh-outro p{font-size:18px}}
@media(prefers-reduced-motion:reduce){body#farfalla-page-studio:not([hidden]),body#farfalla-page-shinka:not([hidden]){animation:none!important}[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.st-hero-media,.st-cinema-images img,.sh-hero-scene img,.st-scroll-cue span{animation:none!important}.st-fan-img,.st-folder-stack,.sh-folder-object,.sh-project-previews img{transition:none!important}.sh-route-active{stroke-dasharray:none!important;stroke-dashoffset:0!important}}


/* FARFALLA V07 - INTERIOR CREATIVE DIRECTION. The entire HOME V0.5 markup and its artwork are preserved. */
#prototypebar{display:none!important}.site-header{top:0!important;position:sticky;z-index:80;min-height:66px;padding:4px clamp(17px,3.8vw,70px);background:rgba(249,248,245,.94);box-shadow:0 1px 0 #4a2b2b1b;backdrop-filter:blur(17px) saturate(1.12);-webkit-backdrop-filter:blur(17px) saturate(1.12)}
.site-header .logo{display:block;line-height:0;flex-shrink:0}.site-header .logo img{width:clamp(148px,14vw,205px);height:auto}.site-header nav a{font:600 10px/1.3 var(--sans);letter-spacing:.08em;color:#292423}.site-header nav a:hover,.site-header nav a:focus-visible{color:#980e0e}.site-header .nav-toggle{color:#431d21}
.v7-page{--v7wine:#980e0e;--v7paper:#f9f8f5;--v7rose:#ead9da;--v7ink:#391a1c;--v7ease:cubic-bezier(.23,1,.32,1);background:var(--v7paper);font-family:var(--sans);overflow:hidden}.v7-page .v7-overline{font:650 10px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase}.v7-page h1,.v7-page h2,.v7-page h3{font-weight:400}.v7-page h1 em,.v7-page h2 em,.v7-page h3 em{font-family:Georgia,serif;font-weight:400}.v7-inner{width:min(1440px,100%);padding:0 clamp(24px,6.5vw,116px);margin:auto}
.v7-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;text-transform:uppercase;text-decoration:none;letter-spacing:.105em;font-size:11px;font-weight:650;padding:15px 21px;border-radius:99px;min-height:46px;border:1px solid currentColor;transition:transform .35s,box-shadow .35s,background .35s;cursor:pointer}.v7-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #391a1c22}.v7-button-wine{background:var(--v7wine);border-color:var(--v7wine);color:#fff}.v7-button-cream{background:#f9f8f5;border-color:#f9f8f5;color:#78202a}.v7-link{font:13px/1.4 var(--sans);text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0;color:inherit}.v7-flex{display:flex;flex-wrap:wrap;align-items:center;gap:21px}
/* STUDIO: elegant linen + burgundy, architectural collage, no opaque green backdrop. */
.v7-studio-hero{min-height:max(720px,calc(100svh - 66px));position:relative;display:grid;grid-template-columns:55% 45%;align-items:center;isolation:isolate;background:linear-gradient(115deg,#f9f8f5 0%,#f3e6df 68%,#ead9da 100%)}
.v7-studio-photo{position:absolute;inset:0 auto 0 42%;width:58%;overflow:hidden;z-index:-1}.v7-studio-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.87) brightness(.91);transform:scale(1.07);animation:v7zoom 23s ease-in-out alternate infinite}.v7-photo-blur{position:absolute;inset:0;background:linear-gradient(90deg,#f9f8f5 0%,#f9f8f5ce 15%,#f9f8f518 55%,#35191b22 100%)}
@keyframes v7zoom{to{transform:scale(1.20) translateX(-1.6%) translateY(-1%)}}
.v7-studio-hero-text{position:relative;z-index:4;padding:74px 0 88px clamp(25px,7vw,126px);max-width:770px;grid-column:1/2}.v7-studio-hero-text .v7-overline{color:#8c3d45}.v7-studio-hero-text h1{color:#3b191f;font:400 clamp(65px,6.6vw,114px)/.99 Georgia,serif;letter-spacing:-.063em;margin:29px 0 27px;text-wrap:balance}.v7-studio-hero-text h1 em{font-style:italic;color:#8a2933}.v7-studio-hero-text p{font:clamp(17px,1.45vw,22px)/1.55 Georgia,serif;max-width:435px;color:#694c4a;margin-bottom:24px}
.v7-hero-poster{grid-column:2/3;position:relative;height:min(70vh,670px);margin:70px clamp(16px,4vw,85px) 70px 0;perspective:1100px;z-index:3}.v7-poster-main{width:100%;height:100%;object-fit:cover;object-position:51% 50%;border-radius:225px 225px 13px 13px;filter:saturate(.87);box-shadow:0 32px 60px #401b2a42;transform:rotate(2.4deg) scale(.99);transition:transform 1s var(--v7ease)}.v7-hero-poster:hover .v7-poster-main{transform:rotate(0deg) translateY(-14px)}.v7-poster-outline{position:absolute;inset:-23px 13px 25px -21px;border:1px solid #980e0e88;border-radius:225px 225px 16px 16px;transform:rotate(-4deg);pointer-events:none}.v7-poster-stamp{position:absolute;right:-17px;bottom:5%;background:#980e0e;color:#f9f8f5;width:min(235px,52%);padding:24px 21px;transform:rotate(6deg);box-shadow:0 14px 25px #311a1e38}.v7-poster-stamp small{font:9px var(--sans);letter-spacing:.18em}.v7-poster-stamp strong{display:block;font:31px/1.06 Georgia,serif;margin-top:16px}.v7-poster-stamp em{font-style:italic}.v7-hero-side-note{position:absolute;right:-21px;top:10%;display:flex;flex-direction:column;gap:15px;writing-mode:vertical-rl;color:#fff;font:10px var(--sans);letter-spacing:.2em;text-shadow:0 1px 10px #171311}.v7-hero-scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#6f4046;font:9px var(--sans);letter-spacing:.18em;z-index:6;padding:7px;white-space:nowrap}.v7-hero-scroll span{display:inline-block;margin-left:15px;font-size:17px;animation:v7bounce 2s ease-in-out infinite}@keyframes v7bounce{50%{transform:translateY(5px)}}
/* Cinema: atmospheric transition between full photo and editorial content, no technical 'ATMÓSFERA/001' text. */
.v7-light-story{height:200vh;position:relative;background:#48212a}.v7-light-sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:#48212a}.v7-light-photo{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--v7ease);will-change:opacity}.v7-light-first{opacity:1}.v7-light-photo img{height:100%;width:100%;object-fit:cover;object-position:center 43%;transform:scale(1.07);transition:transform 1.2s ease}.v7-light-second{mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%)}.v7-light-sticky:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#321a20bd,#321a2080 47%,#180f112e),linear-gradient(0deg,#2f121e90,transparent 28%);z-index:1}.v7-light-copy{position:absolute;z-index:2;inset:0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:7vw clamp(25px,8vw,135px);color:#fff9f3}.v7-light-copy h2{font:400 clamp(58px,8.4vw,150px)/.99 Georgia,serif;letter-spacing:-.058em;max-width:1000px;margin:28px 0}.v7-light-copy h2 em{color:#f9cad0}.v7-light-copy p{font:18px/1.55 Georgia,serif;max-width:470px}.v7-light-rule{height:1px;width:min(320px,50vw);background:#ffffffb0;margin-bottom:20px}
/* Three editorial principles as genuinely interactive magazine tabs. */
.v7-principles{padding:110px 0 140px;background:#f8f2ed}.v7-principles-head{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}.v7-principles-head>.v7-overline{grid-column:1/-1;color:#922d36}.v7-principles-head h2{font:400 clamp(52px,5.6vw,92px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:30px 0}.v7-principles-head h2 em{color:#980e0e}.v7-principles-head p{font:19px/1.6 Georgia,serif;color:#6f5551;max-width:450px;align-self:end;margin-bottom:35px}.v7-principles-grid{display:grid;grid-template-columns:.81fr 1.19fr;gap:clamp(30px,5vw,90px);margin-top:30px}.v7-principles-nav{display:flex;flex-direction:column;gap:12px}.v7-principle{width:100%;background:#f9f8f5;border:1px solid #decac0;border-radius:4px 18px 18px 4px;display:grid;grid-template-columns:40px 1fr 24px;grid-template-rows:auto auto;gap:6px 12px;text-align:left;padding:28px 22px;color:#532d30;transition:background .35s,transform .45s,border-color .3s,box-shadow .3s;cursor:pointer}.v7-principle>span{font:11px var(--sans);letter-spacing:.15em;grid-row:1/3;color:#b24b51}.v7-principle strong{font:35px Georgia,serif;line-height:1}.v7-principle small{font:13px/1.5 var(--sans);color:#6b5b55;grid-column:2;grid-row:2}.v7-principle b{grid-column:3;grid-row:1;justify-self:end;font:19px Georgia,serif}.v7-principle.is-active,.v7-principle:hover{background:#ead9da;border-color:#bc9293;box-shadow:0 11px 25px #401d2912;transform:translateX(8px)}.v7-principles-visual{min-height:550px;position:relative;display:grid;align-items:end}.v7-pv-window{position:absolute;inset:0 55px 60px 0;overflow:hidden;border-radius:260px 260px 14px 14px;box-shadow:0 30px 44px #4e32332a}.v7-pv-window img{height:100%;width:100%;object-fit:cover;transition:opacity .45s,transform 1s;transform:scale(1.04)}.v7-pv-label{position:relative;z-index:2;justify-self:end;margin:0 0 0 25%;background:#980e0e;color:#f9f8f5;padding:23px 26px 30px;width:64%;box-shadow:0 13px 35px #35121e33;transform:rotate(-2deg)}.v7-pv-label span{font:10px var(--sans);letter-spacing:.14em}.v7-pv-label p{font:19px/1.42 Georgia,serif;margin:13px 0 0}.v7-scrap-square{position:absolute;top:10px;right:1px;z-index:2;border:1px solid #8e5253;background:#ead9da;color:#980e0e;padding:20px;font:14px Georgia,serif;transform:rotate(7deg)}
/* Studio Shinka folder - physical paper with colorful diecut tabs + moving raised layers; no lightning bolt. */
.v7-studio-service{padding:120px 0 145px;background:linear-gradient(125deg,#ead9da 0%,#f9f8f5 40%,#f4eee7 100%);position:relative;overflow:hidden}.v7-studio-service:before{content:'';position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#a58c8c66 1px,transparent 1px),linear-gradient(90deg,#a58c8c66 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.v7-service-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:5.5vw;align-items:center}.v7-service-text h2{font:400 clamp(52px,6vw,96px)/1.04 Georgia,serif;letter-spacing:-.065em;margin:35px 0}.v7-service-text h2 em{color:#980e0e}.v7-service-text p{max-width:500px;font:19px/1.58 Georgia,serif;color:#644746;margin-bottom:27px}.v7-service-text small{display:block;margin-top:25px;font:12px/1.5 var(--sans);color:#796b60;max-width:500px}.v7-file-experience{height:620px;position:relative;perspective:1300px}.v7-file-glow{position:absolute;width:95%;aspect-ratio:1;left:0;top:0;border-radius:50%;background:radial-gradient(circle,#fff6fa 0%,#edc9c744 50%,transparent 68%);pointer-events:none}.v7-file-stack{position:absolute;inset:55px 18px 48px 16px;transform-style:preserve-3d;--rx:0deg;--ry:0deg;transform:perspective(1200px) rotateY(calc(var(--ry) + var(--auto-ry, 0deg))) rotateX(calc(var(--rx) + var(--auto-rx, 0deg))) rotate(-3deg);transition:transform .42s var(--v7ease)}.v7-file-sheet{position:absolute;left:17%;right:10%;top:2%;height:68%;background:#fefcf6;border:1px solid #e2d0bc;box-shadow:0 16px 23px #422c2940;padding:18px;display:flex;flex-direction:column;gap:13px}.v7-file-sheet span,.v7-file-sheet small{font:10px var(--sans);letter-spacing:.17em;color:#784e48}.v7-file-sheet img{width:100%;height:82%;object-fit:cover}.v7-file-sheet-back{transform:translate3d(27px,-6px,-28px) rotate(13deg);background:#dfb8b0}.v7-file-sheet-middle{transform:translate3d(-32px,4px,8px) rotate(-11deg)}.v7-file-front{position:absolute;left:3%;right:1%;top:22%;bottom:0;background:linear-gradient(140deg,#7c1c2a 0%,#980e0e 50%,#64101c 100%);border:1px solid #cf7b87;box-shadow:0 25px 50px #491e283d, inset 2px 2px 0 #ffffff31;display:flex;flex-direction:column;justify-content:space-between;padding:37px 38px 32px;border-radius:9px 8px 14px 12px;transform:translateZ(64px);color:#fff2ed}.v7-file-front:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff2 0px,#fff2 1px,transparent 1px,transparent 4px);opacity:.06;pointer-events:none}.v7-folder-tab{position:absolute;bottom:100%;left:0;background:#980e0e;padding:10px 27px;border-radius:13px 13px 0 0;font:10px var(--sans);letter-spacing:.17em}.v7-file-front>span{font:10px var(--sans);letter-spacing:.14em}.v7-file-front strong{font:400 clamp(75px,8vw,126px)/.8 Georgia,serif;letter-spacing:-.05em}.v7-file-front em{font:italic 28px/1.16 Georgia,serif}.v7-folder-divider{height:1px;background:#ffe4d58a}.v7-file-front small{font:10px var(--sans);letter-spacing:.16em}.v7-file-hint{position:absolute;bottom:-3px;right:0;color:#714c4a;font:10px var(--sans);letter-spacing:.12em}
/* Ordered interactive process with progress and expansive detail in place rather than swapped cards. */
.v7-studio-process{padding:120px 0 110px;background:#f9f8f5}.v7-process-heading{display:grid;grid-template-columns:1fr 1fr;gap:15px 7vw}.v7-process-heading .v7-overline{grid-column:1/-1;color:#980e0e}.v7-process-heading h2{font:400 clamp(53px,5.6vw,89px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:14px 0 25px}.v7-process-heading h2 em{color:#980e0e}.v7-process-heading>p{font:18px/1.55 Georgia,serif;color:#785857;max-width:420px;align-self:end}.v7-process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;isolation:isolate;margin-top:80px}.v7-track-line{position:absolute;left:0;right:0;top:17px;height:2px;background:#d0b7b4}.v7-track-fill{height:100%;width:0%;background:#980e0e;transition:width .1s linear}.v7-track-step{position:relative;text-align:left;padding:53px 18px 20px 0;display:flex;flex-direction:column;gap:12px;color:#491f29;cursor:pointer;min-height:235px;transition:background .3s,transform .3s;border-radius:5px}.v7-track-step:hover,.v7-track-step.is-active{transform:translateY(-5px)}.v7-track-dot{position:absolute;top:8px;left:0;width:20px;height:20px;border:4px solid #f9f8f5;border-radius:50%;background:#d0adb0;box-shadow:0 0 0 2px #980e0e;z-index:2;transition:background .3s,transform .3s}.v7-track-step:hover .v7-track-dot,.v7-track-step.is-active .v7-track-dot{background:#980e0e;transform:scale(1.2)}.v7-track-step small{font-size:10px;letter-spacing:.17em;color:#a53b44}.v7-track-step strong{font:29px Georgia,serif}.v7-track-step>span:not(.v7-track-dot){font:14px/1.5 var(--sans);max-width:200px;color:#78615c}.v7-track-step em{font:11px var(--sans);font-style:normal;text-transform:uppercase;letter-spacing:.13em;color:#980e0e}.v7-process-detail{min-height:112px;border-top:1px solid #bd9997;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;padding:24px 0}.v7-process-detail>span{font:11px var(--sans);letter-spacing:.14em;color:#980e0e}.v7-process-detail>p{font:21px/1.4 Georgia,serif;margin:0}
/* fan entrance animate upward and rotate out, with cards resting on pink illustrated paper */
.v7-gallery{padding:110px 0 125px;background:linear-gradient(160deg,#ead9da,#faf0e8 60%,#ead9da);position:relative;overflow:hidden}.v7-gallery:before{content:'';position:absolute;inset:0;background:linear-gradient(#8c5a6620 1px,transparent 1px),linear-gradient(90deg,#8c5a6620 1px,transparent 1px);background-size:42px 42px;opacity:.55;pointer-events:none}.v7-gallery .v7-inner{position:relative}.v7-gallery-heading{max-width:840px}.v7-gallery-heading>.v7-overline{color:#980e0e}.v7-gallery-heading h2{font:400 clamp(55px,6.5vw,109px)/1 Georgia,serif;letter-spacing:-.06em;margin:27px 0}.v7-gallery-heading h2 em{color:#9a2637}.v7-gallery-heading p{font:17px/1.55 Georgia,serif;max-width:550px;color:#735957}.v7-fan-stage{position:relative;height:640px;margin:36px 0 0;perspective:1200px;--v7-fan-in:0}.v7-fan-card{position:absolute;left:50%;top:55px;width:min(31vw,370px);height:490px;padding:11px 11px 46px;background:#fffaf4;box-shadow:0 23px 50px #3f242a45;border:1px solid #ffe9dd;display:flex;flex-direction:column;gap:10px;transition:transform 1s var(--v7ease),opacity .9s,filter .6s,box-shadow .6s;transform-origin:50% 105%;border-radius:8px}.v7-fan-card img{width:100%;height:calc(100% - 10px);object-fit:cover;display:block;border-radius:3px}.v7-fan-card span{font:10px var(--sans);letter-spacing:.13em;color:#613139}.v7-fan-left{transform:translate(-112%,160px) rotate(-4deg);opacity:0;z-index:1}.v7-fan-center{transform:translate(-50%,170px) rotate(0deg);opacity:0;z-index:3}.v7-fan-right{transform:translate(10%,160px) rotate(4deg);opacity:0;z-index:2}.v7-fan-stage.fan-open .v7-fan-left{transform:translate(-112%,0) rotate(-21deg);opacity:1}.v7-fan-stage.fan-open .v7-fan-center{transform:translate(-50%,-22px) rotate(0deg);opacity:1}.v7-fan-stage.fan-open .v7-fan-right{transform:translate(10%,0) rotate(21deg);opacity:1}.v7-fan-stage.fan-open .v7-fan-card:hover,.v7-fan-stage.fan-open .v7-fan-card:focus-visible{filter:saturate(1.1) brightness(1.05);box-shadow:0 42px 70px #3f242a5a}.v7-fan-stage.fan-open .v7-fan-left:hover{transform:translate(-112%,-28px) rotate(-15deg)}.v7-fan-stage.fan-open .v7-fan-center:hover{transform:translate(-50%,-43px) rotate(0deg)}.v7-fan-stage.fan-open .v7-fan-right:hover{transform:translate(10%,-28px) rotate(15deg)}.v7-fan-stage .v7-fan-card.is-selected{z-index:6;filter:brightness(1.05)}.v7-fan-controller{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;font:10px var(--sans);letter-spacing:.18em;color:#704e51}.v7-fan-controller>div{display:flex;gap:8px}.v7-fan-controller button,.v7-shinka-stage-caption button{display:grid;place-items:center;width:43px;height:43px;border:1px solid currentColor;border-radius:50%;font-size:21px;cursor:pointer;transition:transform .3s,background .3s}.v7-fan-controller button:hover,.v7-shinka-stage-caption button:hover{transform:scale(1.08);background:#fff5}.v7-projects-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #af8585;padding-top:35px}.v7-projects-cta>span{font:11px var(--sans);letter-spacing:.16em;color:#663e45}
/* Founder placeholder: no fake portrait of user, animated spotlight stage */
.v7-profile{background:#f9f8f5;padding:115px 0 135px}.v7-profile-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw}.v7-portrait-scene{position:relative;min-height:570px;perspective:1200px}.v7-portrait-photo{position:absolute;inset:0 5% 30px 0;overflow:hidden;border-radius:270px 270px 14px 14px;box-shadow:0 26px 50px #41262b3a}.v7-portrait-photo img{width:100%;height:100%;object-fit:cover;animation:v7zoom 22s ease-in-out alternate infinite}.v7-photo-polaroid{position:absolute;right:-5%;bottom:0;width:60%;padding:19px 23px 35px;background:#ead9da;box-shadow:0 14px 32px #381a2425;transform:rotate(5deg);color:#772b35;transition:transform .6s}.v7-portrait-scene:hover .v7-photo-polaroid{transform:rotate(0deg) translateY(-12px)}.v7-photo-polaroid span{font:9px var(--sans);letter-spacing:.14em}.v7-photo-polaroid em{display:block;margin-top:15px;font:italic 24px/1.2 Georgia,serif}.v7-portrait-seal{position:absolute;left:-17px;top:10%;width:95px;height:95px;border:1px solid #972b35;border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(-13deg);font:10px/1.4 var(--sans);letter-spacing:.08em;color:#84212b;background:#f9f8f5}.v7-profile-copy>.v7-overline{color:#980e0e}.v7-profile-copy h2{font:400 clamp(52px,6vw,95px)/1.02 Georgia,serif;letter-spacing:-.055em;margin:25px 0}.v7-profile-copy h2 em{color:#980e0e}.v7-profile-copy p{font:17px/1.62 Georgia,serif;color:#695152;max-width:530px}
/* Shinka: bold dark burgundy creative archive instead of another green, text entirely readable. */
.v7-shinka-hero{position:relative;min-height:calc(100svh - 66px);background:#5e121d;color:#f9f8f5;display:grid;grid-template-columns:.86fr 1.14fr;isolation:isolate;padding:80px clamp(24px,6vw,110px) 90px;align-items:center;gap:2vw;overflow:hidden}.v7-shinka-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:46px 46px;z-index:-1}.v7-shinka-hero-glow{position:absolute;top:3%;right:-10%;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,#b84e54 0%,#811b29 45%,transparent 70%);opacity:.85;z-index:-1}.v7-shinka-hero-text{z-index:2;align-self:center}.v7-shinka-hero-text>.v7-overline{color:#f1b6bf}.v7-shinka-hero-text h1{font:400 clamp(95px,13vw,245px)/.8 Georgia,serif;letter-spacing:-.07em;margin:32px 0}.v7-shinka-hero-text h1 span{color:#e0a9b1}.v7-shinka-script{font:italic clamp(27px,3.5vw,56px)/1.14 Georgia,serif;color:#ffe2e0;margin:25px 0}.v7-shinka-hero-text>p:not(.v7-shinka-script){font:17px/1.6 Georgia,serif;max-width:450px;color:#f6e5e1;margin-bottom:28px}.v7-shinka-stage{position:relative;width:100%;min-height:610px;perspective:1400px}.v7-shinka-orbit{position:absolute;inset:14% 4% 21% 4%;border:1px solid #f1b0b677;border-radius:50%;transform:rotate(-18deg)}.v7-shinka-tile{position:absolute;width:42%;height:61%;top:16%;left:28%;background:#f8eee7;padding:9px 9px 36px;box-shadow:0 25px 55px #25070e88;border:1px solid #f5d9d0;border-radius:7px;cursor:pointer;transform-origin:center bottom;transition:transform .9s var(--v7ease),z-index .4s,filter .4s,box-shadow .4s;overflow:hidden;--v7-pos:0;transform:translateX(calc(var(--v7-pos)*56%)) rotate(calc(var(--v7-pos)*18deg)) translateY(calc(abs(var(--v7-pos))*35px));color:#60222c}.v7-shinka-tile img{height:100%;width:100%;object-fit:cover;border-radius:3px}.v7-shinka-tile span{position:absolute;bottom:13px;left:13px;font:10px var(--sans);letter-spacing:.15em}.v7-shinka-tile[data-shinka-index="0"]{--v7-pos:-1}.v7-shinka-tile[data-shinka-index="1"]{--v7-pos:0}.v7-shinka-tile[data-shinka-index="2"]{--v7-pos:1}.v7-shinka-tile.is-selected{z-index:5!important;filter:brightness(1.07);transform:translateX(calc(var(--v7-pos)*56%)) rotate(calc(var(--v7-pos)*16deg)) translateY(-24px) translateZ(55px)}.v7-shinka-tile:hover{box-shadow:0 36px 70px #25070eab;filter:brightness(1.08)}.v7-shinka-stage-caption{position:absolute;bottom:0;left:13%;right:9%;display:flex;justify-content:space-between;align-items:center;color:#f8e1df}.v7-shinka-stage-caption>span{font:10px var(--sans);letter-spacing:.14em}.v7-shinka-stage-caption>div{display:flex;gap:9px}.v7-shinka-scroll{position:absolute;bottom:22px;left:clamp(24px,6vw,110px);font:10px var(--sans);letter-spacing:.14em;color:#f7dbdf}
.v7-shinka-thought{position:relative;background:#f9f8f5;min-height:650px;padding:130px 0;overflow:hidden}.v7-thought-layout{display:grid;grid-template-columns:.34fr 1fr;gap:8vw;position:relative;z-index:2}.v7-thought-layout>.v7-overline{color:#952531}.v7-thought-layout h2{font:400 clamp(55px,7vw,118px)/1.04 Georgia,serif;letter-spacing:-.056em;margin:0 0 30px}.v7-thought-layout h2 em{color:#980e0e}.v7-thought-layout p{max-width:720px;font:21px/1.55 Georgia,serif;color:#6b504f}.v7-thought-float{position:absolute;right:-60px;bottom:0;width:260px;transform:rotate(-16deg);opacity:.7;filter:drop-shadow(0 12px 15px #7a626122)}
/* Dossier as an OPENABLE raised cover on a real paper stack. */
.v7-dossier{position:relative;padding:125px 0 140px;background:linear-gradient(125deg,#f5e6e3,#f9f8f5 55%,#ead9da)}.v7-dossier:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#813b4e16 1px,transparent 1px),linear-gradient(90deg,#813b4e16 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.v7-dossier-layout{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.v7-dossier-layout h2{font:400 clamp(55px,6.6vw,105px)/1.02 Georgia,serif;letter-spacing:-.06em;margin:25px 0}.v7-dossier-layout h2 em{color:#980e0e}.v7-dossier-layout p{font:18px/1.65 Georgia,serif;max-width:490px;color:#5e4342}.v7-editorial-caveat{font:12px/1.5 var(--sans)!important;color:#775c57!important}.v7-dossier-selector{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 25px}.v7-dossier-selector button{border:1px solid #c19c99;padding:10px 12px;font:10px var(--sans);letter-spacing:.07em;color:#722f38;background:#f9f8f5;border-radius:30px;cursor:pointer}.v7-dossier-selector button.is-active{background:#980e0e;color:white;border-color:#980e0e}.v7-dossier-stage{position:relative;height:650px;perspective:1500px}.v7-dossier-3d{position:absolute;inset:40px 4% 60px 0;transform-style:preserve-3d;transition:transform 1.1s var(--v7ease);transform:perspective(1250px) rotateY(-10deg) rotateX(5deg)}.v7-dossier-page{position:absolute;left:17%;top:0;right:8%;height:78%;background:#fffdf7;padding:15px 15px 45px;box-shadow:0 17px 30px #39151b3e;border:1px solid #e8cfc7;transition:transform .9s var(--v7ease);transform-origin:center 100%;transform:translate3d(0,0,0)}.v7-dossier-page img{height:100%;width:100%;object-fit:cover;filter:saturate(.88)}.v7-dossier-page span{position:absolute;bottom:14px;left:17px;font:10px var(--sans);letter-spacing:.14em;color:#79424a}.v7-dossier-page-1{transform:translate3d(-21px,-20px,-22px) rotate(-11deg)}.v7-dossier-page-2{transform:translate3d(13px,-37px,-10px) rotate(8deg)}.v7-dossier-page-3{transform:translate3d(25px,-13px,0px) rotate(16deg)}.v7-dossier-cover{position:absolute;left:0;right:1%;top:26%;bottom:0;background:linear-gradient(128deg,#ab2633,#8a0f1f 52%,#600b17);border-radius:9px;box-shadow:0 30px 55px #4e1b2750, inset 2px 2px 1px #ffffff38;border:1px solid #bb7880;transform-origin:20% 100%;transform:translateZ(72px);transition:transform 1.15s var(--v7ease),opacity .75s;display:flex;flex-direction:column;justify-content:space-between;padding:38px 34px;color:#fff8f2;backface-visibility:hidden}.v7-dossier-cover:before{content:'';position:absolute;bottom:100%;left:0;height:26px;width:56%;background:#9b1e2d;border-radius:12px 12px 0 0}.v7-dossier-cover-tab{position:absolute;top:-19px;left:13px;font:10px var(--sans);letter-spacing:.15em}.v7-dossier-cover>span{font:10px var(--sans);letter-spacing:.2em}.v7-dossier-cover>strong{font:400 clamp(47px,5vw,72px)/1.03 Georgia,serif;letter-spacing:-.05em;color:white}.v7-dossier-cover>strong em{display:block;font-style:italic;color:#f9d4d6}.v7-dossier-file-mark{font-size:13px!important;text-align:right}.v7-dossier-3d.is-open .v7-dossier-cover{transform:translate3d(-45%,105px,130px) rotateZ(-13deg) rotateY(-15deg);opacity:.86}.v7-dossier-3d.is-open .v7-dossier-page-1{transform:translate3d(-20px,-60px,25px) rotate(-13deg)}.v7-dossier-3d.is-open .v7-dossier-page-2{transform:translate3d(14px,-85px,60px) rotate(6deg)}.v7-dossier-3d.is-open .v7-dossier-page-3{transform:translate3d(40px,-120px,100px) rotate(13deg)}.v7-dossier-3d[data-tab="0"] .v7-dossier-page-1,.v7-dossier-3d[data-tab="1"] .v7-dossier-page-2,.v7-dossier-3d[data-tab="2"] .v7-dossier-page-3{z-index:3;filter:brightness(1.05)}.v7-dossier-description{position:absolute;bottom:-6px;right:0;font:12px/1.4 var(--sans);letter-spacing:.06em;color:#804953;max-width:450px;text-align:right}
/* Original flowing visual process: continuous curved path, compact serpentine and 2x2 nodes. */
.v7-shinka-route{background:radial-gradient(ellipse at 25% 80%,#b84d5377,transparent 54%),linear-gradient(120deg,#5a0b17,#900d19 62%,#4f0b13);padding:115px 0 135px;color:#f9f8f5;position:relative;overflow:hidden}.v7-shinka-route:before{content:'';inset:0;position:absolute;background:radial-gradient(circle at 70% 23%,#ffffff1f 0%,transparent 30%),repeating-linear-gradient(0deg,transparent 0px,transparent 27px,#ffffff08 27px,#ffffff08 28px);pointer-events:none}.v7-shinka-route>.v7-inner{position:relative}.v7-route-head{display:grid;grid-template-columns:1.1fr .9fr;column-gap:10vw}.v7-route-head .v7-overline{grid-column:1/-1;color:#f6c9c9}.v7-route-head h2{font:400 clamp(55px,6.8vw,111px)/.98 Georgia,serif;letter-spacing:-.07em;margin:30px 0 20px}.v7-route-head h2 em{color:#f5c8d0}.v7-route-head p{font:18px/1.65 Georgia,serif;color:#f6dce0;align-self:end;max-width:440px}.v7-route-canvas{height:550px;position:relative;margin-top:30px}.v7-route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.v7-route-svg path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}.v7-route-track{stroke:#ffffff58}.v7-route-fill{stroke:#fff9f5;stroke-width:3!important;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .08s linear}.v7-route-point{position:absolute;z-index:2;border:0;background:transparent;color:white;display:flex;flex-direction:column;align-items:center;text-align:center;width:25%;max-width:230px;padding:8px 12px 10px;transform:translate(-50%,-10px);cursor:pointer;transition:transform .3s,filter .3s}.v7-route-point:before{content:'';width:17px;height:17px;border-radius:50%;background:#f9f8f5;border:4px solid #980e0e;box-shadow:0 0 0 1px #fff;transition:transform .3s}.v7-route-point:hover:before,.v7-route-point.is-active:before{transform:scale(1.45)}.v7-route-point b{font:11px var(--sans);letter-spacing:.18em;color:#f7cccf;margin:14px 0 8px}.v7-route-point strong{font:400 30px Georgia,serif}.v7-route-point small{font:11px/1.4 var(--sans);letter-spacing:.05em;opacity:.9;margin-top:8px}.v7-route-one{left:10%;top:21%}.v7-route-two{left:62%;top:15%}.v7-route-three{left:87%;top:63%}.v7-route-four{left:16%;top:64%}.v7-route-detail{border-top:1px solid #ffffff88;display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center;padding-top:22px;min-height:100px}.v7-route-detail span{font:10px var(--sans);letter-spacing:.18em}.v7-route-detail p{font:20px/1.48 Georgia,serif;margin:0}.v7-shinka-last{background:#f9f8f5;padding:125px 0}.v7-last-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.v7-last-photo{height:520px;overflow:hidden;border-radius:260px 260px 15px 15px}.v7-last-photo img{width:100%;height:100%;object-fit:cover;animation:v7zoom 23s ease-in-out alternate infinite}.v7-last-grid .v7-overline{color:#980e0e}.v7-last-grid h2{font:400 clamp(55px,6vw,100px)/1.03 Georgia,serif;letter-spacing:-.06em;margin:25px 0}.v7-last-grid h2 em{color:#980e0e}.v7-last-grid p{font:18px/1.63 Georgia,serif;color:#6f5050;max-width:550px}.v7-last-grid .v7-link{margin-left:18px}
/* Footer aligned with the approved home top nav, real public links only */
.v7-site-footer{background:#f0e1de;border-top:1px solid #d1b6ae;color:#3c2225}.v7-footer-top{max-width:1440px;margin:auto;padding:86px clamp(24px,6vw,108px) 100px;display:grid;grid-template-columns:2fr .8fr .8fr 1.4fr;gap:55px}.v7-footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.v7-footer-logo{display:block;line-height:0}.v7-footer-logo img{width:200px;max-width:100%;height:auto;mix-blend-mode:multiply}.v7-footer-top>div:first-child p{font:italic 27px Georgia,serif;color:#803745;margin-top:0}.v7-footer-email{font:21px Georgia,serif;border-bottom:1px solid #754b4f;padding-bottom:6px}.v7-footer-top>div>span{font:10px var(--sans);letter-spacing:.16em;color:#894c50;margin-bottom:8px}.v7-footer-top>div>a:not(.v7-footer-logo):not(.v7-footer-email){font:13px var(--sans);padding:2px 0}.v7-footer-top>div>a:hover{color:#980e0e}.v7-footer-top>div p{font:13px/1.6 var(--sans);margin:0}.v7-footer-top>div small{font:11px/1.6 var(--sans);color:#866d6b}.v7-footer-bottom{border-top:1px solid #c9a9a9;max-width:1440px;margin:auto;padding:27px clamp(24px,6vw,108px);display:flex;justify-content:space-between;gap:18px;font:10px var(--sans);letter-spacing:.1em}.v7-footer-bottom a{font-size:10px}
/* View reveals: animate text/images in, not every tiny element. */
.v7-page [data-reveal]:not(.is-visible){opacity:0;transform:translateY(44px)}.v7-page [data-reveal].is-visible{opacity:1;transform:translateY(0);transition:opacity 1.1s var(--v7ease),transform 1.1s var(--v7ease)}
@media(max-width:1050px){.v7-studio-hero-text h1{font-size:clamp(53px,7.2vw,80px)}.v7-shinka-hero{grid-template-columns:1fr 1fr}.v7-shinka-hero-text h1{font-size:clamp(88px,12vw,160px)}.v7-fan-stage{height:530px}.v7-fan-card{width:min(32vw,320px);height:390px}.v7-file-experience{height:530px}.v7-dossier-stage{height:550px}.v7-footer-top{grid-template-columns:1.3fr 1fr 1fr;gap:25px}.v7-footer-top>div:last-child{grid-column:1/-1}}
@media(max-width:750px){.site-header{padding:8px 18px;min-height:65px}.site-header .logo img{width:148px}.v7-studio-hero{min-height:unset;display:flex;flex-direction:column;padding:55px 20px 60px;background:#f9f8f5}.v7-studio-photo{inset:0 0 auto 0;width:100%;height:370px;opacity:.36;mask-image:linear-gradient(to bottom,#000,transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent)}.v7-studio-hero-text{padding:35px 5px 25px;align-self:stretch}.v7-studio-hero-text h1{font-size:clamp(55px,11vw,86px);line-height:1.04}.v7-hero-poster{height:465px;align-self:stretch;margin:0 12% 30px 10%}.v7-hero-scroll{bottom:13px}.v7-light-story{height:158vh}.v7-light-sticky{min-height:490px}.v7-light-copy h2{font-size:clamp(52px,10vw,83px)}.v7-principles{padding:70px 0}.v7-principles-head,.v7-principles-grid,.v7-service-grid,.v7-process-heading,.v7-profile-layout,.v7-shinka-hero,.v7-thought-layout,.v7-dossier-layout,.v7-route-head,.v7-last-grid{grid-template-columns:1fr;gap:20px}.v7-principles-head h2,.v7-service-text h2,.v7-gallery-heading h2,.v7-profile-copy h2,.v7-dossier-layout h2,.v7-route-head h2{font-size:clamp(47px,8vw,73px)}.v7-principles-head p{margin-bottom:20px}.v7-principles-grid{gap:40px}.v7-principles-visual{min-height:520px}.v7-studio-service{padding:80px 0}.v7-file-experience{max-width:550px;width:100%;margin:auto;height:540px}.v7-file-front strong{font-size:clamp(72px,13vw,100px)}.v7-studio-process{padding:75px 0}.v7-process-track{grid-template-columns:repeat(2,1fr);margin-top:45px;gap:12px}.v7-track-line{display:none}.v7-track-step{border-top:2px solid #b57b81;padding:36px 14px 20px;min-height:210px}.v7-track-dot{top:-10px}.v7-process-detail{grid-template-columns:1fr;gap:9px}.v7-gallery{padding:75px 0}.v7-fan-stage{height:490px}.v7-fan-card{width:40%;height:370px}.v7-profile{padding:80px 0}.v7-portrait-scene{min-height:540px;max-width:550px}.v7-shinka-hero{padding:80px 24px 70px;gap:35px}.v7-shinka-hero-text h1{font-size:clamp(82px,17vw,125px)}.v7-shinka-stage{max-width:700px;min-height:540px;margin:auto;width:100%}.v7-shinka-tile{height:60%;width:42%;top:13%}.v7-shinka-thought{padding:75px 0;min-height:unset}.v7-shinka-thought h2{font-size:clamp(50px,9vw,83px)}.v7-dossier{padding:85px 0}.v7-dossier-stage{max-width:630px;margin:40px auto 0;width:100%;height:510px}.v7-shinka-route{padding:80px 0}.v7-route-head p{max-width:580px}.v7-shinka-last{padding:80px 0}.v7-last-photo{height:470px;max-width:600px}.v7-footer-top{grid-template-columns:1fr 1fr}.v7-footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.v7-studio-hero-text h1{font-size:clamp(48px,12vw,63px);letter-spacing:-.06em}.v7-studio-hero-text p{font-size:17px}.v7-hero-poster{height:350px;margin:12px 8% 40px}.v7-poster-stamp{width:60%;padding:13px;right:-17px}.v7-poster-stamp strong{font-size:23px}.v7-poster-outline{inset:-10px 8px 20px -13px}.v7-hero-side-note{right:-14px;font-size:8px}.v7-light-copy h2{font-size:clamp(44px,11vw,66px)}.v7-light-copy p{font-size:15px}.v7-principles-head h2,.v7-gallery-heading h2,.v7-profile-copy h2,.v7-service-text h2,.v7-route-head h2,.v7-dossier-layout h2{font-size:clamp(46px,11vw,62px)}.v7-principles-head p{font-size:17px}.v7-principle{padding:18px 15px;grid-template-columns:30px 1fr 24px}.v7-principle strong{font-size:28px}.v7-principles-visual{min-height:450px}.v7-pv-window{inset:0 28px 47px 0}.v7-pv-label{width:77%;padding:18px}.v7-pv-label p{font-size:16px}.v7-file-experience{height:390px}.v7-file-stack{inset:30px 8px 32px 7px}.v7-file-front{padding:22px 21px}.v7-file-front strong{font-size:65px}.v7-file-front em{font-size:19px}.v7-file-sheet{padding:9px}.v7-file-hint{display:none}.v7-process-track{grid-template-columns:1fr;gap:0}.v7-track-step{min-height:0;padding:26px 16px 19px 45px;border-top:0;border-left:2px solid #bc9a9c}.v7-track-dot{top:32px;left:-11px}.v7-track-step strong{font-size:26px}.v7-fan-stage{height:460px;margin:20px -2vw 0;overflow:hidden}.v7-fan-card{width:57%;height:300px;top:60px}.v7-fan-stage.fan-open .v7-fan-left{transform:translate(-102%,0) rotate(-15deg)}.v7-fan-stage.fan-open .v7-fan-center{transform:translate(-50%,-10px) rotate(0)}.v7-fan-stage.fan-open .v7-fan-right{transform:translate(2%,0) rotate(15deg)}.v7-fan-controller{font-size:8px;gap:10px}.v7-fan-controller span{max-width:165px;line-height:1.5}.v7-projects-cta{flex-direction:column;align-items:start}.v7-portrait-scene{min-height:380px}.v7-portrait-photo{inset:0 8% 35px 0}.v7-photo-polaroid{width:70%;padding:12px}.v7-photo-polaroid em{font-size:19px}.v7-shinka-hero{padding:65px 20px 80px}.v7-shinka-hero-text h1{font-size:clamp(77px,19vw,118px);margin:26px 0}.v7-shinka-script{font-size:clamp(27px,7vw,37px)}.v7-shinka-stage{min-height:420px}.v7-shinka-tile{height:65%;width:53%;left:23%;padding:6px 6px 31px}.v7-shinka-tile[data-shinka-index="0"]{--v7-pos:-.73}.v7-shinka-tile[data-shinka-index="1"]{--v7-pos:0}.v7-shinka-tile[data-shinka-index="2"]{--v7-pos:.73}.v7-shinka-stage-caption{left:4%;right:4%;bottom:0}.v7-shinka-scroll{bottom:17px}.v7-shinka-thought h2{font-size:clamp(46px,11vw,64px)}.v7-thought-layout p{font-size:17px}.v7-dossier-stage{height:390px;margin-top:15px}.v7-dossier-3d{inset:34px 8px 39px 0}.v7-dossier-cover{padding:22px 18px;transform:translateZ(22px)}.v7-dossier-cover>strong{font-size:clamp(38px,10vw,50px)}.v7-dossier-3d.is-open .v7-dossier-cover{transform:translate3d(-20%,100px,30px) rotate(-8deg)}.v7-dossier-page{padding:8px 8px 25px}.v7-route-canvas{height:auto;display:flex;flex-direction:column;gap:3px;margin:38px 0 20px;padding-left:19px}.v7-route-svg{display:none}.v7-route-point,.v7-route-one,.v7-route-two,.v7-route-three,.v7-route-four{position:relative;left:auto;top:auto;width:100%;max-width:none;transform:none;align-items:start;text-align:left;border-left:1px solid #ffffff99;padding:12px 20px 19px;min-height:95px}.v7-route-point:before{position:absolute;left:-11px;top:20px}.v7-route-point strong{font-size:24px}.v7-route-point b{margin:0 0 6px}.v7-route-point small{margin:6px 0 0}.v7-route-detail{grid-template-columns:1fr;gap:11px}.v7-route-detail p{font-size:17px}.v7-last-grid h2{font-size:clamp(48px,11vw,64px)}.v7-last-photo{height:370px}.v7-footer-top{padding:60px 25px 70px;grid-template-columns:1fr 1fr;gap:35px 18px}.v7-footer-top>div:first-child{grid-column:1/-1}.v7-footer-top>div:last-child{grid-column:1/-1}.v7-footer-bottom{flex-wrap:wrap;font-size:9px;padding:22px 25px}}
@media(prefers-reduced-motion:reduce){.v7-page *, .v7-page *:before,.v7-page *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.v7-page [data-reveal]{opacity:1!important;transform:none!important}.v7-light-second{opacity:.2!important}.v7-fan-card{opacity:1!important}.v7-fan-stage:not(.fan-open) .v7-fan-card{transform:none!important}}

/* V0.8 circular 3D image orbit — inspired by round carousel motion, not a copy of reference */
.v7-shinka-stage{isolation:isolate;overflow:visible;touch-action:pan-y;cursor:grab;--v8-orbit-spin:0deg}
.v7-shinka-stage:active{cursor:grabbing}
.v7-shinka-orbit{inset:10% 7% 19%;border:1px solid #efb9b771;transform:rotate(-10deg);border-style:solid;box-shadow:0 0 50px #f7d2d116;transition:transform 1s}
.v7-shinka-orbit:before,.v7-shinka-orbit:after{content:'';position:absolute;inset:8% 15%;border:1px dashed #fbe9df2d;border-radius:50%;transform:rotate(38deg)}
.v7-shinka-orbit:after{inset:0 46%;border-style:solid;opacity:.4;transform:rotate(-23deg)}
.v8-orbit-core{position:absolute;left:50%;top:45%;width:150px;height:150px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fbe9de6a;background:radial-gradient(circle,#682231c7,#4b1420a8);backdrop-filter:blur(6px);box-shadow:0 0 0 12px #ffffff09,0 0 65px #ebafac32;pointer-events:none;z-index:0;gap:7px;text-align:center;color:#fbe8df}
.v8-orbit-core span{font:8px var(--sans);letter-spacing:.25em}.v8-orbit-core strong{font:italic 34px Georgia,serif;letter-spacing:-.05em;font-weight:400}.v8-orbit-core small{font:11px var(--sans);letter-spacing:.18em}
.v7-shinka-tile,.v7-shinka-tile.is-selected{left:50%;top:44%;width:42%;height:59%;transform-origin:center;transform:translate(-50%,-50%) translate3d(var(--v8-x,0px),var(--v8-y,0px),var(--v8-z,0px)) rotate(var(--v8-angle,0deg)) scale(var(--v8-scale,1));transition:filter .3s,box-shadow .3s;z-index:var(--v8-order,1)!important;backface-visibility:hidden;will-change:transform;user-select:none;touch-action:pan-y;filter:brightness(var(--v8-brightness,1))}
.v7-shinka-tile.is-selected{box-shadow:0 30px 74px #220510bb;filter:brightness(1.05)}
.v7-shinka-tile:hover{filter:brightness(1.08);box-shadow:0 36px 80px #220510c7}
.v7-shinka-tile img{pointer-events:none}.v7-shinka-tile span{pointer-events:none}
.v7-shinka-stage-caption{z-index:20;left:7%;right:6%;bottom:3px;pointer-events:none}.v7-shinka-stage-caption>span{font-size:9px;max-width:55%;line-height:1.5}.v7-shinka-stage-caption button{pointer-events:auto;background:#63232bd9;color:#fff4eb;backdrop-filter:blur(8px)}
.v8-orbit-highlight{box-shadow:0 0 0 2px #f1c9ba inset}
/* Dossier: keep interactive paper entirely in its own column and maintain readable copy. */
@media(min-width:1101px){.v7-dossier-layout{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:42px}.v7-dossier-layout>div:first-child{position:relative;z-index:10}}
.v7-dossier-stage{min-width:0;overflow:clip;isolation:isolate;border-radius:22px}
.v7-dossier-3d{inset:60px 8% 62px 10%;transform:perspective(1250px) rotateY(-6deg) rotateX(2deg)}
.v7-dossier-cover{left:5%;padding:30px 29px}
.v7-dossier-3d.is-open .v7-dossier-cover{transform:translate3d(-6%,85px,70px) rotateZ(-5deg) rotateY(-5deg) scale(.88);opacity:.96}
.v7-dossier-3d.is-open .v7-dossier-cover>strong{font-size:clamp(40px,3.8vw,57px)}.v7-dossier-description{right:15px;bottom:10px;background:#f9f8f5ec;border:1px solid #ead9da;padding:9px 13px;border-radius:8px;z-index:25;box-shadow:0 7px 24px #53273312}.v7-dossier-3d.is-open .v7-dossier-page-1{transform:translate3d(-8px,-46px,25px) rotate(-9deg)}
.v7-dossier-3d.is-open .v7-dossier-page-2{transform:translate3d(14px,-66px,50px) rotate(5deg)}
.v7-dossier-3d.is-open .v7-dossier-page-3{transform:translate3d(26px,-92px,80px) rotate(9deg)}
@media(max-width:520px){.v7-dossier-3d{inset:34px 5% 48px 7%}.v7-dossier-cover{padding:19px 20px}.v7-dossier-3d.is-open .v7-dossier-cover{transform:translate3d(-4%,92px,32px) rotate(-4deg)}}

@media(max-width:1100px){.v8-orbit-core{width:120px;height:120px}.v8-orbit-core strong{font-size:28px}}
@media(max-width:520px){.v7-shinka-stage{min-height:440px}.v7-shinka-orbit{inset:7% 2% 20%}.v8-orbit-core{top:44%;width:90px;height:90px;gap:4px}.v8-orbit-core strong{font-size:21px}.v8-orbit-core span{font-size:6px}.v8-orbit-core small{font-size:7px}.v7-shinka-tile,.v7-shinka-tile.is-selected{width:52%;height:58%;left:50%;top:44%;transform-origin:center;transform:translate(-50%,-50%) translate3d(var(--v8-x,0px),var(--v8-y,0px),var(--v8-z,0px)) rotate(var(--v8-angle,0deg)) scale(var(--v8-scale,1))}.v7-shinka-stage-caption{left:0;right:0;bottom:0}.v7-shinka-stage-caption>span{font-size:7px;max-width:60%}.v7-shinka-stage-caption button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.v7-shinka-tile,.v7-shinka-tile.is-selected{transition:none!important;will-change:auto}.v7-shinka-orbit{transform:none}}

/* --- FARFALLA 0.9 · six founder annotations 21/10/2026 --- */
:root{--f09-horizon:'Horizon Regular','Horizon',Arial,sans-serif;--f09-editorial:'Decisions','Georgia',serif;--f09-body:'Poppins',Arial,sans-serif;--f09-display:'Symphony',Georgia,serif}
/* Note 01: move the APPROVED home composition as a group toward vertical center, without changing content/cards. Header stays anchored. */
@media (min-width:961px){
 .home-hero-screen .hero-artboard{transform:translate(-50%,clamp(26px,5.8svh,68px));}
 .home-hero-screen .hero-artboard>img{clip-path:inset(10.7% 0 0 0);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 9%,#000 15%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 9%,#000 15%,#000 94%,transparent 100%)}
 .v09-home-nav{display:block;position:absolute;z-index:12;left:50%;top:0;transform:translateX(-50%);width:100%;max-width:2200px;height:clamp(50px,4.4vw,76px);overflow:hidden;background:#f9f8f5}
 .v09-home-nav img{width:100%;height:100%;object-fit:fill;display:block}
 .v09-home-nav-links{position:absolute;inset:0}
 .v09-home-nav-links a{position:absolute;top:0;height:100%;display:block}
 .v09-home-nav-links a:focus-visible{outline:2px solid #980e0e;outline-offset:-4px}
 .hero-hotspots .hotspot.universe,.hero-hotspots .hotspot.nstudio,.hero-hotspots .hotspot.nlife,.hero-hotspots .hotspot.nabout,.hero-hotspots .hotspot.ndiary,.hero-hotspots .hotspot.ncontact{display:none}
}
.v09-home-nav{display:none}
/* Extra room for foreground without filling screen with blurry duplicates. */
.home-hero-screen:before{background-image:linear-gradient(180deg,rgba(8,20,11,.06),rgba(4,21,13,.2)),url('../media/Farfalla-Marca-Fondo-Vegetacion-01.webp')!important;filter:none!important;background-position:center 60%!important;background-size:cover!important}
/* Note 02: closer to warm walnut, tactile materials, tinto and refined editorial interior photography. */
.v7-studio-hero{background:linear-gradient(115deg,#f9f8f5 0%,#f3e8dd 53%,#ead9da 100%)}
.v7-studio-photo>img{filter:saturate(.91) contrast(1.06) brightness(.82)}
.v7-poster-main{object-fit:cover;filter:contrast(1.05) saturate(.88);transition:transform 1.5s cubic-bezier(.22,1,.36,1)}
.v7-hero-poster:hover .v7-poster-main{transform:scale(1.085)}
/* Notes 03 & 04: replace recycled Home atmosphere and guarantee CONTENT at every scroll point. */
.v7-light-story{height:110svh;min-height:720px;background:#4b241e;overflow:hidden}
.v7-light-sticky{position:relative!important;top:auto!important;height:100%;min-height:720px;background:linear-gradient(90deg,#24150fd1,#4c1e1852 55%,transparent),url('../media/Farfalla-Studio-Fondo-Interior-01.webp') center 46%/cover no-repeat!important}
.v7-light-photo{opacity:1!important;transition:transform 1.1s ease,opacity 1.1s ease}
.v7-light-first{inset:0;opacity:1!important}
.v7-light-first img{object-position:50% 49%;filter:brightness(.8) contrast(1.06)}
.v7-light-second{opacity:.01!important;pointer-events:none}
.v7-light-sticky:after{background:linear-gradient(90deg,rgba(34,16,16,.88),rgba(43,20,19,.6) 48%,rgba(52,24,21,.05) 95%),linear-gradient(to top,#24110e56,transparent 30%)}
.v7-light-copy{padding:clamp(35px,8vw,130px);max-width:1150px;justify-content:center}
.v7-light-copy .v7-overline{font:600 11px/1.4 var(--f09-body);letter-spacing:.22em;max-width:320px}
.v7-light-copy h2{font-family:var(--f09-editorial)!important;font-weight:400;max-width:min(1140px,93vw);font-size:clamp(55px,9.7vw,170px);line-height:.88;letter-spacing:-.067em;filter:drop-shadow(0 3px 7px #170c0b69)}
.v7-light-copy h2 em{color:#ead9da;font-family:var(--f09-editorial);font-style:italic;padding-left:clamp(9px,4.3vw,78px)}
.v7-light-copy p{font:400 clamp(17px,1.65vw,25px)/1.5 var(--f09-editorial);max-width:520px;color:#fff9f2}
.v7-light-rule{background:#f2e8d6a8;width:190px}
/* Note 05: keep original interactive Function/Matter/Identity tabs and approved copy; enrich editorial layout only. */
.v7-principles{position:relative;isolation:isolate;background:#f7f1e9;overflow:hidden}
.v7-principles:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 88% 8%,#ead1caae,transparent 45%),repeating-linear-gradient(90deg,transparent 0,transparent 63px,#aa8b8133 64px);opacity:.53;pointer-events:none}
.v7-principles-head{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(260px,.62fr);column-gap:6vw;align-items:start;padding-bottom:30px;border-bottom:1px solid #a97f764b;margin-bottom:65px}
.v7-principles-head>.v7-overline{grid-column:1/-1;margin-bottom:14px}
.v7-principles-head h2{font-family:var(--f09-editorial);font-size:clamp(44px,5.7vw,100px);max-width:780px;margin:8px 0 0;line-height:1;letter-spacing:-.055em;text-wrap:balance}
.v7-principles-head h2 em{font-style:italic;color:#980e0e}
.v09-principle-editorial{padding:14px 0 0 25px;border-left:1px solid #9b5f5c;align-self:center;min-width:0}
.v09-principle-editorial>p{margin:0 0 25px!important;font:400 clamp(16px,1.28vw,19px)/1.6 var(--f09-editorial);color:#5c4240;max-width:380px}
.v09-principle-detail{margin:0;height:180px;width:100%;max-width:350px;border-radius:180px 180px 12px 12px;overflow:hidden;position:relative;box-shadow:0 20px 29px #48262624}
.v09-principle-detail img{height:100%;width:100%;object-fit:cover;object-position:center 41%;transition:transform 1.2s ease}
.v09-principle-detail:hover img{transform:scale(1.07)}
.v7-pv-window img{filter:saturate(.9) contrast(1.06)}
/* Note 06: supported, non-blocking scroll motion that never hides a complete content panel. */
.v09-kinetic{transform:translate3d(0,19px,0);opacity:.8;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity 1s ease}
.v09-kinetic.v09-entered{transform:translate3d(0,0,0);opacity:1}
.v7-page section:not(.v7-light-story),.sh-page section{scroll-margin-top:90px}
.v7-page [data-reveal]:not(.is-visible){opacity:.77!important;transform:translateY(17px)!important}
.v7-page [data-reveal].is-visible{opacity:1!important;transform:translateY(0)!important}
/* Preserve visual activity without blank if an intersection callback fails. */
@media(max-width:850px){
 .v7-principles-head{grid-template-columns:1fr;gap:22px}
 .v09-principle-editorial{padding-left:18px;display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:center}
 .v09-principle-editorial>p{margin:0!important}
 .v09-principle-detail{height:180px}
 .v7-light-story{height:100svh;min-height:660px}
 .v7-light-sticky{min-height:660px}
 .v7-light-copy{padding:55px 7vw}
}
@media(max-width:600px){
 .v7-light-story{height:100svh;min-height:610px}
 .v7-light-sticky{min-height:610px}
 .v7-light-copy h2{font-size:clamp(49px,11.5vw,80px);line-height:.97}
 .v7-light-copy h2 em{padding-left:0}
 .v7-light-copy p{font-size:17px}
 .v09-principle-editorial{display:flex;flex-direction:column;align-items:stretch;gap:14px}
 .v09-principle-detail{max-width:none;height:140px;border-radius:150px 150px 12px 12px}
}
@media(prefers-reduced-motion:reduce){.v09-kinetic,.v09-kinetic.v09-entered{transform:none!important;opacity:1!important;transition:none!important}.v7-light-photo img{transform:none!important}.v7-poster-main{transition:none!important}}


/* FARFALLA V1.0: second-round revisions, all official brand decisions preserved. */
:root{--v10-ser:'Decisions',Georgia,serif;--v10-sans:'Poppins',Arial,sans-serif;--v10-display:'Horizon Regular','Horizon',Arial,sans-serif}
/* Intro dissolves vertically toward Home rather than hard cutting. */
.intro.leaving{animation:v10-veil-exit 1.15s cubic-bezier(.2,.6,.32,1) forwards!important;pointer-events:none}
.intro.leaving .cinema{transition:transform 1.2s ease,filter 1.2s ease;transform:scale(1.09) translateY(55px);filter:blur(14px)}
@keyframes v10-veil-exit{0%{opacity:1;filter:blur(0)}70%{opacity:.28;filter:blur(13px)}100%{opacity:0;filter:blur(20px)}}
/* Unlike V09, no duplicated rasterized navigation / text in the top fold. The approved artwork is cropped BELOW its old baked navigation; real navigation is separate. */
@media(min-width:961px){
 .home-hero-screen{background:#1a3024}
 .home-hero-screen:before{inset:0;z-index:-1;transform:none;filter:none;opacity:1;background:linear-gradient(180deg,#152c2330,#132a1f20),url('../media/Farfalla-Marca-Fondo-Vegetacion-01.webp') center 55%/cover no-repeat!important}
 .home-hero-screen .hero-artboard{position:absolute!important;left:50%;top:53%;width:min(100%,1700px)!important;transform:translate(-50%,-50%)!important;z-index:3}
 .home-hero-screen .hero-artboard>img{width:100%;height:auto;clip-path:none!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 88%,transparent 99%)!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 88%,transparent 99%)!important}
 .home-hero-screen .hotspot.studio{top:18%;height:72%;left:22%;width:14%}
 .home-hero-screen .hotspot.life{top:18%;height:72%;left:75.6%;width:14.5%}
 .home-hero-screen:after{inset:65% 0 0;height:auto;background:linear-gradient(to bottom,transparent,rgba(8,20,17,.28));pointer-events:none}
 .v09-home-nav{height:clamp(56px,4.38vw,74px)}
}
/* Studio hero right-side discipline text: SINGLE vertical row rather than three labels. */
.v7-hero-side-note{position:absolute;right:-28px;top:7%;display:block!important;writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.17em;font:600 10px/1.4 var(--v10-sans);text-transform:uppercase;color:#fffaf3;text-shadow:0 2px 5px #200f13}
/* Word hierarchy inspired by editorial reference: large calm type, fine aligned rules, asymmetry. */
.v10-light-editorial{padding:clamp(30px,5vw,95px) clamp(24px,7.5vw,120px)!important;max-width:1500px;justify-content:center}
.v10-light-editorial .v7-overline{border-top:1px solid #f8ddd480;padding-top:13px;max-width:670px!important;white-space:normal}
.v10-title-rhythm{width:100%;max-width:1290px;margin:18px 0 20px}
.v10-title-rhythm h2{display:flex;flex-direction:column;max-width:none!important;font-family:var(--v10-ser)!important;font-size:clamp(57px,8vw,135px)!important;line-height:.96!important;letter-spacing:-.065em!important;margin:0!important}
.v10-line{display:block;width:fit-content;max-width:100%;white-space:nowrap}
.v10-line-1{padding-left:0;color:#f8f1e7}.v10-line-2{align-self:center;transform:translateX(4vw);color:#ead9da;padding:0 10px;border-bottom:1px solid #f8e2d660}.v10-line-3{align-self:flex-end;padding-top:5px;color:#f8f1e7;font-size:.8em}
.v10-line-3 i{font-style:italic;color:#f2c9cb}
.v10-light-bottom{display:grid;grid-template-columns:1fr minmax(240px,410px);align-items:start;gap:6vw;width:100%;max-width:1190px;margin-top:16px;border-top:1px solid #f8eee5a0;padding-top:20px}
.v10-light-index{letter-spacing:.22em;font:10px var(--v10-sans);color:#f4d6d2}.v10-light-bottom p{font:clamp(15px,1.6vw,21px)/1.47 var(--v10-ser)!important;margin:0}
.v7-principles-head h2{font-family:var(--v10-ser);text-wrap:balance}.v10-principles-quiet{font-style:italic;font-size:.68em;color:#7e3b43}
/* Shared kinetic transitions between full scenes. Subtle in space, pronounced enough to perceive. */
@keyframes v10-reveal-in{0%{opacity:.24;filter:blur(8px);transform:translateY(56px) scale(.965)}100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
.v10-motion-enabled [data-v10-scene].v10-scene-enter{animation:v10-reveal-in 1.05s cubic-bezier(.22,1,.36,1) both}
.v10-motion-enabled [data-v10-reveal].v10-text-enter{animation:v10-reveal-in 1.35s cubic-bezier(.22,1,.36,1) both}
.v10-motion-enabled .v7-studio-hero:not([hidden]){animation:v10-reveal-in .95s cubic-bezier(.2,.7,.3,1) both}
.v10-kinetic-separator{height:3px;background:linear-gradient(90deg,transparent,#eac9c8,#8f2732,#eac9c8,transparent);background-size:210% 100%;animation:v10-sheen 6s ease-in-out infinite}
@keyframes v10-sheen{50%{background-position:100% 0}}
/* Brand-native grid, fine lines, warm light, depth, not a copy of reference artwork. */
.v10-journey{background:radial-gradient(ellipse at 74% 23%,#983f4299,transparent 44%),radial-gradient(ellipse at 17% 90%,#6c1423,transparent 55%),linear-gradient(120deg,#380e18,#6f1520 63%,#370c18)!important;padding:105px 0 115px;color:#fff8ee;isolation:isolate}
.v10-journey:before{opacity:.23!important;background-image:linear-gradient(90deg,#d7a59f32 1px,transparent 1px),linear-gradient(#d7a59f32 1px,transparent 1px)!important;background-size:48px 48px!important;mix-blend-mode:screen}
.v10-journey-header{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:52px}
.v10-journey-header .v7-overline{color:#f1d8d0}.v10-journey-header h2{font:400 clamp(56px,7.1vw,111px)/.95 var(--v10-ser);letter-spacing:-.065em;margin:25px 0 0}
.v10-journey-header h2 em{color:#eac6c9}.v10-journey-header p{font:clamp(16px,1.5vw,21px)/1.5 var(--v10-ser);max-width:460px;color:#f1dcd3}
.v10-journey-stage{height:560px;position:relative;--v10-progress:0}
.v10-journey-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.v10-journey-base,.v10-journey-progress{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.v10-journey-base{stroke:#f6d5cc45}.v10-journey-progress{stroke:#fce1d7;stroke-width:2.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .15s linear;filter:drop-shadow(0 0 6px #f4c2b699)}
.v10-journey-station{position:absolute;width:17%;height:auto;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:5px;border:0;color:#f9f2e8;transform:translate(-50%,-43%);background:none;cursor:pointer}
.v10-journey-station:nth-of-type(1){left:9.3%;top:61%}.v10-journey-station:nth-of-type(2){left:29.3%;top:30%}.v10-journey-station:nth-of-type(3){left:49.3%;top:61%}.v10-journey-station:nth-of-type(4){left:69.8%;top:30%}.v10-journey-station:nth-of-type(5){left:91.8%;top:61%}
.v10-station-orb{display:block;width:min(12vw,145px);aspect-ratio:1;border-radius:100%;overflow:hidden;border:3px solid #f2d3c5a8;box-shadow:0 15px 33px #200a11aa,0 0 0 12px #f9e2d00a;transition:transform .6s,box-shadow .6s;will-change:transform}
.v10-station-orb img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.83);transition:filter .45s,transform .8s}
.v10-journey-station:hover .v10-station-orb,.v10-journey-station.is-active .v10-station-orb{transform:scale(1.12);box-shadow:0 24px 55px #200a11c2,0 0 0 14px #f2ddd229}
.v10-journey-station:hover img,.v10-journey-station.is-active img{filter:saturate(1) brightness(1.05);transform:scale(1.06)}
.v10-station-number{font:10px var(--v10-sans);letter-spacing:.19em;color:#e9c5c5;margin-top:15px}.v10-journey-station strong{font:clamp(17px,2vw,30px)/1.08 var(--v10-ser);margin:8px 0 5px}.v10-journey-station small{font:11px/1.25 var(--v10-sans);max-width:170px;color:#ead4cb}
.v10-journey-detail{background:linear-gradient(135deg,#f9eee8 0%,#f7e6dd 100%);color:#411f27;border-radius:17px;padding:27px 40px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr) 75px;gap:20px;align-items:center;border:1px solid #f3d6cf;box-shadow:0 12px 35px #1c070c66;position:relative;z-index:3}
.v10-journey-detail span{font:10px var(--v10-sans);letter-spacing:.15em;color:#823d48}.v10-journey-detail h3{font:clamp(24px,2.5vw,39px)/1.12 var(--v10-ser);margin:9px 0 0}.v10-journey-detail p{font:clamp(14px,1.25vw,18px)/1.55 var(--v10-ser);margin:0}.v10-journey-counter{font:26px var(--v10-ser)!important;justify-self:end}.v10-journey-footnote{font:12px/1.5 var(--v10-sans);color:#f3d4ce;max-width:920px;margin:25px 0 0}
/* Orbital 7 circular disciplines, physically independent from 5 process stations. */
.v10-discipline-stage{min-height:645px}
.v10-discipline-stage .v7-shinka-orbit{inset:7% 7% 21%;border-color:#e4b6b27a}
.v10-discipline-stage .v8-orbit-core{width:136px;height:136px;top:43%;opacity:.9}
.v10-discipline-stage .v7-shinka-tile{position:absolute;left:50%;top:43%;width:25%;height:auto;aspect-ratio:1/1;max-width:180px;border-radius:50%;border:3px solid #f6e3dc;overflow:hidden;padding:0;background:#6f1926;transform:translate(-50%,-50%) translate3d(var(--v10-x,0px),var(--v10-y,0px),0) rotate(var(--v10-angle,0deg)) scale(var(--v10-scale,.78))!important;transform-style:preserve-3d;box-shadow:0 17px 30px #1a0810a3,0 0 0 7px #fce9db1c;transition:filter .4s,box-shadow .4s;will-change:transform;cursor:pointer}
.v10-discipline-stage .v7-shinka-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.9)}
.v10-discipline-stage .v7-shinka-tile>span{position:absolute;z-index:1;inset:auto 3px 10px;text-align:center;padding:10px 2px 4px;font:600 clamp(7px,.72vw,11px)/1.25 var(--v10-sans);letter-spacing:.055em;color:#fff;text-shadow:0 2px 4px #0c040be8;white-space:normal}
.v10-discipline-stage .v7-shinka-tile.is-selected{box-shadow:0 27px 58px #12040bcb,0 0 0 9px #f1d0cb4d;filter:brightness(1.13)}
.v10-discipline-stage .v7-shinka-tile:hover{filter:brightness(1.18);box-shadow:0 28px 55px #12040bca,0 0 0 11px #f1d0cb50}
.v10-discipline-stage .v7-shinka-stage-caption{position:absolute;left:2%;right:2%;bottom:4%;display:flex;align-items:center;justify-content:space-between;z-index:80}
.v10-discipline-info{position:absolute;bottom:1.5%;left:16%;right:20%;padding:15px 22px;max-width:440px;min-height:104px;z-index:55;border:1px solid #f2d6d14f;background:#4b111eb8;color:#fae7df;border-radius:11px;backdrop-filter:blur(10px);box-shadow:0 20px 30px #2107144a;pointer-events:none}
.v10-discipline-info>span{font:9px var(--v10-sans);letter-spacing:.18em;color:#efc4c5}.v10-discipline-info>strong{display:block;font:27px/1.15 var(--v10-ser);margin:4px 0}.v10-discipline-info p{font:12px/1.4 var(--v10-sans);color:#f1d9d2;margin:0}
/* New dossier: stack is suggestive, content is never covered or cropped. */
.v10-dossier-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);align-items:center;gap:5vw;position:relative}
.v10-dossier-intro{position:relative;z-index:3}
.v10-dossier-intro h2{font:clamp(49px,5.7vw,92px)/1.03 var(--v10-ser);letter-spacing:-.065em;margin:25px 0 24px}
.v10-dossier-intro h2 em{display:block;color:#980e0e}.v10-dossier-intro>p{font:clamp(17px,1.4vw,22px)/1.55 var(--v10-ser);max-width:520px}
.v10-dossier-intro .v7-editorial-caveat{font:12px/1.5 var(--v10-sans);max-width:560px;color:#816861}
.v10-dossier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:30px 0}
.v10-dossier-tabs button{border:1px solid #b78c86;border-radius:100px;padding:12px 9px;font:600 11px/1.2 var(--v10-sans);background:#fffaf6;white-space:normal;color:#602b33;transition:background .3s,transform .3s}
.v10-dossier-tabs button.is-active{background:#980e0e;color:#fff9f3;border-color:#980e0e;box-shadow:0 9px 18px #58161f35}.v10-dossier-tabs button:hover{transform:translateY(-3px)}
.v10-dossier-display{position:relative;min-height:615px;isolation:isolate;perspective:1050px;overflow:visible}
.v10-dossier-layer{position:absolute;border:1px solid #d2bcb1;box-shadow:0 23px 36px #442b2b33;border-radius:15px;inset:7% 3% 11% 7%;transform:rotate(7deg);background:linear-gradient(160deg,#efdcd3,#f5e9df)}
.v10-dossier-layer-one{transform:translate(12px,-18px) rotate(8deg)}.v10-dossier-layer-two{transform:translate(-9px,-10px) rotate(-5deg);background:#8e2a37}
.v10-dossier-main{position:absolute;inset:8% 3% 7% 5%;z-index:2;border-radius:13px 13px 19px 19px;overflow:hidden;background:#fbf8f1;box-shadow:0 30px 60px #391c254a;display:grid;grid-template-rows:minmax(0,1.45fr) minmax(156px,.55fr);border:12px solid #fffdfa;transition:opacity .45s,transform .7s}
.v10-dossier-image-wrap{position:relative;min-height:0;overflow:hidden;background:#e4d5cb}.v10-dossier-image-wrap img{height:100%;width:100%;object-fit:cover;object-position:center}
.v10-dossier-copy{padding:15px 22px 20px;background:#fffdfa;color:#43252a;position:relative;z-index:1}
.v10-dossier-copy span{font:10px var(--v10-sans);letter-spacing:.18em;color:#96343d}
.v10-dossier-copy h3{font:clamp(23px,2.45vw,37px)/1.07 var(--v10-ser);margin:9px 0}
.v10-dossier-copy p{font:clamp(12px,1.08vw,15px)/1.43 var(--v10-sans);margin:0;max-width:680px}
.v10-dossier-closed{position:absolute;inset:8% 3% 7% 5%;z-index:4;border-radius:14px;background:linear-gradient(125deg,#771324,#9a1628);box-shadow:0 25px 50px #43171b55;border:2px solid #c3767b;color:#fff8ec;display:none;flex-direction:column;justify-content:center;padding:50px}
.v10-dossier-closed>span{font:10px var(--v10-sans);letter-spacing:.2em}.v10-dossier-closed>strong{font:clamp(37px,4.3vw,72px)/1.02 var(--v10-ser);margin:32px 0}.v10-dossier-closed em{color:#f0c2c4}.v10-dossier-closed>small{font:12px var(--v10-sans)}
.v10-dossier-display[data-state="closed"] .v10-dossier-closed{display:flex}.v10-dossier-display[data-state="closed"] .v10-dossier-main{display:none}
.v10-dossier-display.v10-changing .v10-dossier-main{animation:v10-dossier-swap .65s ease both}@keyframes v10-dossier-swap{0%{opacity:.72;transform:rotateY(11deg) translateY(9px)}100%{opacity:1;transform:rotateY(0deg) translateY(0)}}
/* Mobile adjustments */
@media(max-width:980px){
 .v10-dossier-layout{grid-template-columns:1fr;gap:38px}.v10-dossier-display{max-width:700px;width:100%;margin:auto;min-height:630px}
 .v10-journey-header{grid-template-columns:1fr;gap:10px}.v10-journey-header p{max-width:820px}
 .v10-journey-station{width:18%}.v10-station-orb{width:12vw}
 .v10-light-editorial .v10-line{white-space:normal}
}
@media(max-width:750px){
 .v10-discipline-stage{min-height:550px!important;height:550px}.v10-discipline-stage .v7-shinka-tile{width:26%;max-width:145px}
 .v10-discipline-stage .v8-orbit-core{width:100px;height:100px}.v10-discipline-stage .v8-orbit-core strong{font-size:23px}
 .v10-discipline-info{left:5%;right:35%;bottom:0;min-height:100px;padding:10px 12px}.v10-discipline-info strong{font-size:20px}.v10-discipline-info p{font-size:10px}
 .v10-discipline-stage .v7-shinka-stage-caption{bottom:7px}.v10-discipline-stage .v7-shinka-stage-caption>span{display:none}
 .v10-light-editorial{padding:40px 27px!important}.v10-title-rhythm h2{font-size:clamp(42px,10.4vw,84px)!important;line-height:1.04!important}
 .v10-line-2{align-self:flex-start;transform:none;padding-left:10px}.v10-line-3{align-self:flex-start;font-size:.86em}
 .v10-light-bottom{grid-template-columns:1fr;gap:14px}
 .v10-journey-stage{height:auto;display:grid;grid-template-columns:1fr;gap:10px;padding:8px 0 30px 26px}
 .v10-journey-svg{display:none}.v10-journey-stage:before{content:'';position:absolute;left:8px;top:26px;bottom:45px;width:2px;background:linear-gradient(#fce7df 0%,#e7b5ae 100%);transform-origin:top;transform:scaleY(var(--v10-progress,.35))}
 .v10-journey-station,.v10-journey-station:nth-of-type(n){position:relative;top:auto;left:auto;transform:none;width:100%;display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto auto;column-gap:18px;align-items:center;text-align:left;padding:12px 10px;background:#ffffff0c;border:1px solid #e5b7ac45;border-radius:14px;min-height:112px}
 .v10-station-orb{grid-row:1/4;grid-column:1;width:73px}.v10-station-number{margin:0;grid-column:2;font-size:9px}.v10-journey-station strong{grid-column:2;margin:0;font-size:24px}.v10-journey-station small{grid-column:2;max-width:100%;font-size:11px}
 .v10-journey-detail{grid-template-columns:1fr;gap:10px;padding:24px}.v10-journey-counter{display:none}
 .v10-dossier-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-dossier-display{min-height:515px}.v10-dossier-main{grid-template-rows:minmax(0,1.2fr) minmax(160px,.8fr)}
}
@media(max-width:450px){.v10-discipline-stage{min-height:510px!important;height:510px}.v10-discipline-stage .v7-shinka-tile{width:30%;max-width:126px}.v10-discipline-info{max-width:220px}.v10-dossier-display{min-height:470px}.v10-dossier-copy{padding:12px}.v10-dossier-copy h3{font-size:22px}.v10-dossier-copy p{font-size:12px}.v10-journey-header h2{font-size:clamp(48px,13vw,70px)}}
@media(prefers-reduced-motion:reduce){.intro.leaving{animation:none!important;opacity:0}.v10-motion-enabled [data-v10-scene].v10-scene-enter,.v10-motion-enabled [data-v10-reveal].v10-text-enter{animation:none!important;opacity:1;filter:none;transform:none}.v10-dossier-display.v10-changing .v10-dossier-main{animation:none!important}.v10-station-orb,.v10-station-orb img{transition:none!important}.v10-journey-progress{stroke-dashoffset:0!important}}


/* V10 QA refinement: use dedicated nature plate and keep canonical top navigation visible. */
@media(min-width:961px){
.v09-home-nav{display:block!important;position:absolute!important;left:0;top:0;transform:none;width:100%;max-width:none;z-index:60}
.home-hero-screen:before{background:linear-gradient(to bottom,#17241b11,#17241b26),url('../media/Farfalla-Marca-Fondo-Naturaleza-01.webp') center 53%/cover no-repeat!important}
.home-hero-screen .hero-artboard{top:53.6%}
.home-hero-screen .hero-artboard>img{mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 87%,transparent 99%)!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 87%,transparent 99%)!important}
}
.v10-discipline-stage .v10-discipline-info{z-index:70}


/* Keep orbit information legible; redundant drag label stays in accessibility name. */
.v10-discipline-stage .v7-shinka-stage-caption>span{display:none!important}

/* FARFALLA V1.1 — precise fixes preserving approved composition. */
@media(min-width:961px){
 .home-hero-screen{background:#14291c!important;isolation:isolate}
 .home-hero-screen:before{background:#14291c!important;inset:0!important;filter:none!important;transform:none!important}
 .home-hero-screen .hero-artboard{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:none!important;overflow:hidden;z-index:3}
 .home-hero-screen .hero-artboard>img{display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center 50%;mask-image:none!important;-webkit-mask-image:none!important;clip-path:none!important;transform:translateY(var(--v11-home-parallax,0px)) scale(1.022);transition:transform .14s linear}
 .home-hero-screen .hero-hotspots{inset:0!important}
 .home-hero-screen .hotspot.studio{top:32%!important;height:46%!important;left:20%!important;width:19%!important}
 .home-hero-screen .hotspot.life{top:32%!important;height:46%!important;left:77%!important;width:20%!important}
 .home-hero-screen .hotspot.universe,.home-hero-screen .hotspot.nstudio,.home-hero-screen .hotspot.nlife,.home-hero-screen .hotspot.nabout,.home-hero-screen .hotspot.ndiary,.home-hero-screen .hotspot.ncontact{pointer-events:none!important}
 .v09-home-nav{height:clamp(56px,4.38vw,74px)!important;z-index:65!important}
 .home-hero-screen:after{inset:auto 0 0!important;height:22%!important;background:linear-gradient(transparent,rgba(15,31,18,.36))!important;z-index:4!important}
 .scroll-prompt{z-index:10!important}
}
/* Fine, non-intrusive scroll cue and a dissolving cover from the top toward the bottom. */
.scroll-prompt{font:500 9px/1.2 var(--v10-sans);letter-spacing:.15em;gap:5px!important;bottom:13px!important;opacity:.83!important}
.scroll-arrow{width:21px!important;height:21px!important;font-size:12px!important;border-color:#fffbfa99!important}
@keyframes v11-cover-down{0%{opacity:1;filter:blur(0);transform:translateY(0)}50%{opacity:.75;filter:blur(4px)}100%{opacity:0;filter:blur(19px);transform:translateY(54px)}}
.intro.leaving{animation:v11-cover-down 1.25s cubic-bezier(.32,.1,.25,1) both!important}
/* Side annotation restored to one continuous elegant vertical line. */
.v7-hero-side-note{right:2.5%!important;top:50%!important;transform:translateY(-50%)!important;writing-mode:vertical-rl!important;white-space:nowrap!important;max-height:none!important;background:linear-gradient(to bottom,#401620aa,#40162012);border-left:1px solid #f5d2c77d;border-radius:0!important;color:#fff9f1!important;padding:19px 9px!important;font:600 10px/1.3 var(--v10-sans)!important;letter-spacing:.12em!important;pointer-events:none;z-index:5}
/* New asymmetrical typographic choreography, guided by the user's bold editorial references. */
.v10-light-editorial{max-width:1550px!important}
.v10-title-rhythm{max-width:1380px!important;margin:18px 0 20px!important}
.v10-title-rhythm h2{line-height:.86!important;letter-spacing:-.06em!important;gap:0!important}
.v10-title-rhythm h2 .v10-line-1{font:900 clamp(73px,9.6vw,166px)/.91 'Inter Display','Arial Black',Arial,sans-serif!important;letter-spacing:-.074em!important;align-self:flex-start;text-transform:uppercase;color:#fff8f3;border:0;padding:0;transform:none}
.v10-title-rhythm h2 .v10-line-2{font:italic 400 clamp(84px,12.2vw,198px)/.83 var(--v10-ser)!important;letter-spacing:-.065em!important;align-self:center!important;transform:translateX(6%)!important;color:#efc9cd!important;border:0!important;padding:0!important;margin:-.02em 0 -.02em!important}
.v10-title-rhythm h2 .v10-line-3{font:800 clamp(48px,6.7vw,115px)/.96 'Inter Display',Arial,sans-serif!important;letter-spacing:-.065em!important;align-self:flex-end!important;text-transform:uppercase;max-width:100%!important;white-space:normal!important;transform:none!important;color:#fff9f1!important}
.v10-title-rhythm h2 .v10-line-3 i{font:italic 400 1.13em/.94 var(--v10-ser)!important;text-transform:none!important;color:#ebbdc4!important;white-space:nowrap}
.v10-light-bottom{margin-top:32px!important;max-width:1250px!important;border-color:#f6d6cf99!important}
.v10-light-bottom p{font-size:clamp(17px,1.55vw,23px)!important}
/* Retain approved principles and wording, but use quiet editorial emphasis in the side copy. */
.v7-principles-head h2{letter-spacing:-.055em!important}.v7-principles-head h2 em{font-style:italic}
/* Shinka orbit: image-only circles; labels and index appear in detail panel. */
.v10-discipline-stage .v10-disc-tile{background:#421d24!important;border:2px solid #f2d8cd!important;box-shadow:0 15px 34px #1e0914aa;overflow:hidden}
.v10-discipline-stage .v10-disc-tile>img{width:100%;height:100%;object-fit:cover;filter:brightness(.94) saturate(.98)!important;transform:scale(1.06);transition:transform .65s cubic-bezier(.2,.85,.22,1),filter .45s}
.v10-discipline-stage .v10-disc-tile:hover>img,.v10-discipline-stage .v10-disc-tile.is-selected>img{transform:scale(1.15);filter:brightness(1.03) saturate(1.08)!important}
.v10-discipline-stage .v10-disc-tile>span{display:none!important}
.v10-discipline-stage .v10-disc-tile:focus-visible{outline:3px solid #f9c0a5;outline-offset:5px}
/* Guarantee full thread reaches station 05; actual dash measures geometrical length, JS controls offset. */
.v10-journey-progress{stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset .28s ease-out;stroke-width:3.6!important;filter:drop-shadow(0 0 7px #ffd8b6b8)!important}
.v10-journey-station[data-route='4'] .v10-station-orb{border-color:#f6d4b4}
/* Page-to-page transitions are visible on every navigation, with no scroll hijacking. */
@keyframes v11-view-enter{0%{opacity:.12;filter:blur(8px);transform:translateY(30px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}
.view:not([hidden]){animation:v11-view-enter .94s cubic-bezier(.2,.65,.25,1) both}
@media(prefers-reduced-motion:reduce){.view:not([hidden]){animation:none!important}}
/* Transitions that are visually perceptible, not tiny default fades. Keep JS fail-safe visibility. */
@keyframes v11-rise-reveal{from{opacity:.02;transform:translateY(85px) scale(.955) rotateX(4deg);filter:blur(11px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0)}}
.v11-motion-ready .v11-scroll-in{opacity:.02;transform:translateY(82px) scale(.966);filter:blur(8px)}
.v11-motion-ready .v11-scroll-in.v11-is-visible{animation:v11-rise-reveal 1.15s cubic-bezier(.18,.78,.28,1) both}
.v11-motion-ready .v11-scroll-in.v11-is-visible:nth-child(2n){animation-delay:.10s}
.v7-page section{scroll-margin-top:78px}
.v7-fan-card,.v7-studio-hero .v7-hero-poster,.v10-dossier-main{will-change:transform}
.v7-hero-poster:hover .v7-poster-main{transform:translate3d(0,-12px,26px) scale(1.035)!important;transition:transform .9s cubic-bezier(.2,.8,.2,1)!important}
@media(max-width:980px){
 .v7-hero-side-note{top:40%!important;right:12px!important;font-size:8px!important;letter-spacing:.06em!important}
 .v10-title-rhythm h2 .v10-line-1{font-size:clamp(58px,9vw,102px)!important}
 .v10-title-rhythm h2 .v10-line-2{font-size:clamp(73px,11vw,140px)!important;transform:none!important;align-self:flex-start!important}
 .v10-title-rhythm h2 .v10-line-3{font-size:clamp(43px,6vw,75px)!important}
}
@media(max-width:750px){
 .v10-title-rhythm h2 .v10-line-1{font-size:clamp(51px,13vw,78px)!important}
 .v10-title-rhythm h2 .v10-line-2{font-size:clamp(63px,15.7vw,100px)!important}
 .v10-title-rhythm h2 .v10-line-3{font-size:clamp(41px,10.1vw,72px)!important;align-self:flex-start!important}
 .v10-title-rhythm h2 .v10-line-3 i{white-space:normal}
 .v7-hero-side-note{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .v11-motion-ready .v11-scroll-in,.v11-motion-ready .v11-scroll-in.v11-is-visible{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
 .home-hero-screen .hero-artboard>img,.v10-discipline-stage .v10-disc-tile img{transition:none!important;transform:none!important}
 .v10-journey-progress{transition:none!important}
 .intro.leaving{animation:none!important;opacity:0!important}
}

/* V1.2 refinements */
.editorial-row.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.integral-note{margin-top:24px;padding:26px 28px;border:1px solid #e1d4ca;border-radius:20px;background:linear-gradient(135deg,#fffdfa 0%,#f6eee8 100%);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 28px #4020180d}.integral-note p{margin:0;max-width:760px;color:#6e5953;font-size:14px}.integral-note .eyebrow{display:block;color:#8c4347;margin-bottom:8px}.integral-note .pill{flex:0 0 auto}
#site-nav a[href="#universo"]{white-space:nowrap}
.home-hero-screen{min-height:640px}.home-hero-screen:before{inset:-12px;filter:blur(3px) saturate(1.04)!important;transform:scale(1.015)!important;background-position:center 66%!important}.home-hero-screen:after{inset:auto 0 0;height:95px;background:linear-gradient(180deg,transparent 0%,rgba(5,22,13,.08) 46%,rgba(6,21,13,.2) 100%)}.hero-artboard{width:min(120%,max(100%,192svh));transform:translateX(-50%) translateY(1.25%)}.hero-artboard>img{mask-image:linear-gradient(to bottom,#000 0%,#000 96.7%,rgba(0,0,0,.72) 98.2%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 96.7%,rgba(0,0,0,.72) 98.2%,transparent 100%)}
.v7-hero-side-note{white-space:nowrap;gap:0;right:-16px;top:12%;font-size:10px;letter-spacing:.21em}
.v10-title-rhythm .v10-line{display:block}.v10-title-rhythm .v10-line em,.v10-title-rhythm .v10-line i{font-style:italic}
.v8-orbit-core{gap:10px;padding:18px 14px}.v8-orbit-core small{font-size:10px;letter-spacing:.24em}.v12-core-butterfly{position:relative;display:block;width:42px;height:42px}.v12-core-butterfly i{position:absolute;width:18px;height:18px;border:1.5px solid #f7e5db;border-radius:100% 100% 50% 100%;transform-origin:center;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.12))}.v12-core-butterfly i:nth-child(1){left:2px;top:3px;transform:rotate(-40deg)}.v12-core-butterfly i:nth-child(2){right:2px;top:3px;transform:scaleX(-1) rotate(-40deg)}.v12-core-butterfly i:nth-child(3){left:5px;bottom:3px;width:14px;height:14px;transform:rotate(35deg)}.v12-core-butterfly i:nth-child(4){right:5px;bottom:3px;width:14px;height:14px;transform:scaleX(-1) rotate(35deg)}
.v12-studio-epilogue{padding:0 0 10px;background:linear-gradient(180deg,#3c1019 0%,#671621 58%,#4b121a 100%);color:#f9ece6;overflow:hidden}.v12-epi-hero{position:relative;min-height:420px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;padding:70px clamp(26px,6vw,100px) 34px;border-top:1px solid rgba(245,223,214,.12);background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px}.v12-epi-scene{position:absolute;inset:0;z-index:0;opacity:.24;mix-blend-mode:screen}.v12-epi-scene img{width:100%;height:100%;object-fit:cover;object-position:center}.v12-epi-copy,.v12-epi-side{position:relative;z-index:1}.v12-epi-copy h2{font:400 clamp(46px,5.8vw,92px)/.98 var(--serif);letter-spacing:-.05em;margin:18px 0 18px}.v12-epi-copy h2 em{color:#f0bec0}.v12-epi-copy p,.v12-epi-side p{font:17px/1.6 var(--serif);max-width:520px;color:#f2ddd3}.v12-epi-side{justify-self:end;max-width:360px;padding-bottom:10px}.v12-epi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 clamp(26px,6vw,100px) 56px}.v12-epi-card{background:rgba(255,248,243,.08);border:1px solid rgba(255,231,223,.16);border-radius:22px;overflow:hidden;box-shadow:0 16px 32px rgba(14,3,6,.24);backdrop-filter:blur(10px)}.v12-epi-card img{width:100%;height:220px;object-fit:cover}.v12-epi-card div{padding:18px 20px 22px}.v12-epi-card h3{font:400 clamp(25px,2.2vw,36px)/1.06 var(--serif);margin:12px 0 14px;color:#fff2ec}.v12-epi-card a{display:inline-flex;align-items:center;gap:8px;color:#f1d8d1;border-bottom:1px solid currentColor;padding-bottom:3px;font:600 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}.v7-site-footer{margin-top:0}
@media(max-width:900px){.editorial-row.two-up,.v12-epi-grid,.v12-epi-hero{grid-template-columns:1fr}.integral-note{flex-direction:column;align-items:flex-start}.v12-epi-hero{min-height:unset;padding-top:60px}.v12-epi-side{justify-self:start;max-width:none}.v12-epi-card img{height:200px}}
@media(max-width:960px){.home-hero-screen:before{background-position:center 62%!important}.hero-artboard{transform:translateX(-50%) translateY(.8%)}.v7-hero-side-note{right:-10px;font-size:9px}}


/* ===== V1.3 / APROBADO: retícula B editorial ampliada ===== */
:root{--v13-wide-max:1760px;--v13-gutter:clamp(22px,4vw,76px)}
@media(min-width:1100px){
  .v7-inner{width:min(var(--v13-wide-max),100%);padding-inline:var(--v13-gutter);margin-inline:auto}
  .below-home{max-width:var(--v13-wide-max);padding-inline:var(--v13-gutter)}
  .v7-footer-top{max-width:var(--v13-wide-max);padding-inline:var(--v13-gutter)}
  .v7-studio-hero-text{padding-left:clamp(30px,4.25vw,80px);max-width:810px}
  .v7-shinka-hero{padding-inline:var(--v13-gutter);grid-template-columns:minmax(0,.89fr) minmax(590px,1.11fr);gap:clamp(20px,2.4vw,50px)}
  .v12-epi-hero,.v12-epi-grid{padding-left:var(--v13-gutter);padding-right:var(--v13-gutter)}
}
/* C / intentional full-width scenic moments, NO change to approved hierarchy */
.home-hero-screen,.v7-light-story,.v10-journey,.v7-shinka-hero{width:100%}
/* Orbital ring and tiles: same center/radii/rotation are used by JS paintOrbit */
.v10-discipline-stage{min-height:670px!important;height:670px;max-width:800px;width:100%;margin:auto;isolation:isolate}
.v10-discipline-stage .v7-shinka-orbit{
 position:absolute!important;inset:auto!important;left:50%!important;top:43%!important;
 width:81%!important;height:59.4%!important;box-sizing:border-box!important;
 border-radius:50%!important;border:1.3px solid rgba(255,225,213,.72)!important;
 transform:translate(-50%,-50%) rotate(-8deg)!important;
 box-shadow:0 0 10px rgba(255,202,171,.22),inset 0 0 8px rgba(255,214,186,.08);
}
.v10-discipline-stage .v7-shinka-tile{
 top:43%!important;left:50%!important;width:clamp(69px,15%,120px)!important;
 max-width:120px!important;height:auto!important;aspect-ratio:1/1;
 border:2px solid #F8E8DE;box-shadow:0 12px 27px #1a0810a3,0 0 0 3px rgba(250,221,203,.13),0 0 12px rgba(255,205,162,.24);
 transition:box-shadow .3s,filter .3s!important;
}
.v10-discipline-stage .v7-shinka-tile.is-selected{box-shadow:0 15px 31px #1a0810ad,0 0 0 4px #FFE8D39C,0 0 19px rgba(255,209,171,.45)!important}
.v10-discipline-stage .v8-orbit-core{
 top:43%!important;left:50%!important;width:124px!important;height:124px!important;
 transform:translate(-50%,-50%)!important;z-index:11!important;
 border:1px solid rgba(255,224,212,.46);gap:2px;padding:12px 8px;
 background:radial-gradient(circle,#782a38e0,#4e1727ea);box-shadow:0 0 0 10px #ffffff06,0 0 23px #ffd2bd22;
}
.v13-butterfly{display:block;width:72px;height:72px;color:#fff0e7;filter:drop-shadow(0 0 4px rgba(245,206,188,.17))}
.v10-discipline-stage .v8-orbit-core small{font:600 10px/1.1 var(--sans);letter-spacing:.16em;color:#fae7de;white-space:nowrap}
.v10-discipline-stage .v7-shinka-stage-caption{z-index:80}
.v10-dossier-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.v10-dossier-tabs button{min-height:48px;padding:10px 7px;font-size:10.5px}
@media (min-width:1100px) and (max-width:1370px){
 .v7-shinka-hero{grid-template-columns:minmax(0,.77fr) minmax(520px,1.23fr)}
 .v7-shinka-hero-text h1{font-size:clamp(92px,11vw,175px)}
}
@media(max-width:1099px){
  .v7-inner{width:100%;padding-inline:clamp(22px,4.5vw,48px)}
  .below-home{max-width:none;padding-left:clamp(18px,4vw,52px);padding-right:clamp(18px,4vw,52px)}
  .v10-discipline-stage{height:590px!important;min-height:590px!important;max-width:660px}
  .v10-discipline-stage .v7-shinka-tile{width:15.5%!important;max-width:105px!important}
}
@media(max-width:750px){
 .v10-discipline-stage{height:630px!important;min-height:630px!important;max-width:530px}
 .v10-discipline-stage .v7-shinka-orbit{top:36%!important;height:50%!important}
 .v10-discipline-stage .v7-shinka-tile{top:36%!important;width:clamp(60px,17%,83px)!important}
 .v10-discipline-stage .v8-orbit-core{top:36%!important;width:104px!important;height:104px!important}
 .v13-butterfly{width:59px;height:59px}
 .v10-discipline-stage .v8-orbit-core small{font-size:8px}
 .v10-discipline-info{left:5%!important;right:5%!important;bottom:68px!important;max-width:none!important;min-height:96px!important;padding:12px 15px!important}
 .v10-discipline-stage .v7-shinka-stage-caption{left:5%!important;right:5%!important;bottom:13px!important;z-index:80!important}
 .v10-discipline-stage .v7-shinka-stage-caption>span{max-width:58%;font-size:8px!important;letter-spacing:.07em!important;line-height:1.35}
 .v10-dossier-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v10-dossier-tabs button{min-height:48px;font-size:11px}
}
@media(max-width:430px){
 .v10-discipline-stage{height:620px!important;min-height:620px!important}
 .v10-discipline-stage .v7-shinka-tile{width:clamp(50px,17%,69px)!important}
 .v10-discipline-stage .v8-orbit-core{width:86px!important;height:86px!important;padding:7px 5px}
 .v13-butterfly{width:49px;height:49px}
 .v10-discipline-stage .v8-orbit-core small{font-size:7px;letter-spacing:.09em}
}


/* ======================= FARFALLA V1.4.2 ======================= */
:root{--v14-gutter:clamp(22px,4vw,76px)}
/* Studio's first fold: approved airy interior scene, simplified paper and photographic image. */
body#farfalla-page-studio .v7-studio-hero{background:linear-gradient(100deg,#fcfaf7 0%,#faf6f0 45%,#f0e7dd 100%);min-height:min(860px,calc(100svh - 70px));grid-template-columns:50% 50%}
body#farfalla-page-studio .v7-studio-photo{left:43%;width:57%;opacity:.12;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}
body#farfalla-page-studio .v7-studio-photo>img{filter:saturate(.8) brightness(1.08)!important;animation:none}
body#farfalla-page-studio .v7-studio-hero-text{padding-left:var(--v14-gutter);max-width:none;padding-right:16px}
body#farfalla-page-studio .v7-studio-hero-text h1{font-size:clamp(57px,6vw,107px);line-height:1.005;max-width:800px}
body#farfalla-page-studio .v7-hero-poster{margin:45px clamp(34px,5vw,94px) 45px 2%;height:min(69vh,710px)}
body#farfalla-page-studio .v7-hero-poster .v7-poster-main{border-radius:34% 34% 24px 24px!important;object-position:50% 50%;filter:saturate(.9) contrast(.98) brightness(1.05)!important;transform:none!important;box-shadow:0 28px 65px #422a221c}
body#farfalla-page-studio .v7-hero-poster .v7-poster-outline{border:1px solid #8a36394d!important;border-radius:34% 34% 24px 24px!important;transform:none!important;inset:-16px 19px 17px -18px!important}
body#farfalla-page-studio .v7-hero-poster:hover .v7-poster-main{transform:translateY(-6px)!important;transition:transform .6s ease!important}
body#farfalla-page-studio .v7-hero-side-note{background:#61232b;color:#fcf8f5;padding:20px 10px;right:-31px;top:18%;text-shadow:none;font-size:10px;letter-spacing:.12em;gap:0;white-space:nowrap}
body#farfalla-page-studio .v7-hero-scroll{bottom:11px}
/* Shinka's idea section: photographic left and wine editorial copy, preserving approved wording. */
body#farfalla-page-shinka .v7-shinka-thought{min-height:0;display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);padding:0!important;overflow:hidden;background:#6d1c29}
body#farfalla-page-shinka .v14-thought-art{position:relative;min-height:530px;overflow:hidden}
body#farfalla-page-shinka .v14-thought-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,#6119259e)}
body#farfalla-page-shinka .v14-thought-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% 48%;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
body#farfalla-page-shinka .v14-thought-art:hover img{transform:scale(1.035)}
body#farfalla-page-shinka .v14-thought-image-index{position:absolute;left:var(--v14-gutter);bottom:38px;color:#fff;font:600 10px var(--sans);letter-spacing:.19em;z-index:2;text-shadow:0 1px 8px #4414148c}
body#farfalla-page-shinka .v14-thought-story{padding:clamp(45px,7vw,105px) clamp(40px,7vw,125px);position:relative;background:radial-gradient(circle at 92% 16%,#a53c4a44,transparent 55%),linear-gradient(125deg,#6d1929,#4d111c);color:#f9f5ef;align-self:center}
body#farfalla-page-shinka .v14-thought-story:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#f9dcc20b 1px,transparent 1px),linear-gradient(90deg,#f9dcc20b 1px,transparent 1px);background-size:55px 55px}
body#farfalla-page-shinka .v14-thought-story>*{position:relative}
body#farfalla-page-shinka .v14-thought-story .v7-overline{color:#f8d0c9}
body#farfalla-page-shinka .v14-thought-story h2{font:400 clamp(46px,4.5vw,88px)/1.04 var(--serif);margin:30px 0;letter-spacing:-.045em;max-width:780px}
body#farfalla-page-shinka .v14-thought-story h2 em{color:#f3bfc4}
body#farfalla-page-shinka .v14-thought-story p{font:clamp(16px,1.3vw,20px)/1.6 var(--serif);color:#efdad4;max-width:700px;margin:0 0 28px}
body#farfalla-page-shinka .v14-thought-action{font:600 10px var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#fff;padding-bottom:9px;border-bottom:1px solid #e3beb8;display:inline-flex;gap:32px;align-items:center}
/* approved tiny numbering; stage markers remain as previously approved */
.v10-journey-detail{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;gap:26px!important}
.v10-journey-detail #v10-route-phase{font:600 10px var(--sans);letter-spacing:.13em;color:#934b56}
/* Gallery from the approved warm-material editorial moodboard */
.v14-ideas{background:#f9f8f5;padding:clamp(65px,7vw,106px) var(--v14-gutter) 86px;color:#351b20}
.v14-ideas-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;max-width:1760px;margin:0 auto 28px}
.v14-ideas-heading .v7-overline{color:#91434c}
.v14-ideas-heading h2{font:400 clamp(45px,5vw,79px)/1.05 var(--serif);margin:10px 0 12px;letter-spacing:-.045em}
.v14-ideas-heading p{font:17px/1.5 var(--serif);color:#705453;margin:0}
.v14-ideas-arrow{flex:0 0 52px;width:52px;height:52px;border:1px solid #80585c;border-radius:50%;color:#652129;font:26px var(--serif);transition:background .2s,color .2s}
.v14-ideas-arrow:hover{background:#652129;color:#fff}
.v14-ideas-track{display:flex;gap:18px;max-width:1760px;margin:auto;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x mandatory;padding-bottom:20px}
.v14-ideas-card{position:relative;flex:0 0 clamp(220px,27vw,405px);aspect-ratio:4/5.1;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:#cdb4a4;box-shadow:0 17px 28px #35201a19}
.v14-ideas-card:before{position:absolute;content:'';inset:44% 0 0;background:linear-gradient(transparent,#2e1717b8);z-index:1;pointer-events:none}
.v14-ideas-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.21,.77,.34,1)}
.v14-ideas-card:hover img{transform:scale(1.07)}
.v14-ideas-card span{position:absolute;left:20px;right:18px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:2;font:600 10px var(--sans);letter-spacing:.15em;color:white}
.v14-ideas-card b{border:1px solid #fff9;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:16px;font-weight:400}
.v14-ideas-note{font:11px/1.4 var(--sans);color:#927d78;margin:8px auto 0;max-width:1760px}
/* Shared three-card visual CTA, one module; footer stays global. */
.v14-next{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr);align-items:center;gap:clamp(25px,4vw,75px);padding:clamp(70px,7vw,112px) var(--v14-gutter);background:radial-gradient(circle at 0 30%,#962c363a,transparent 51%),linear-gradient(120deg,#461018 0%,#611b26 72%,#481119 100%);color:#fff8f2;position:relative;overflow:hidden}
.v14-next:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:55px 55px;pointer-events:none}
.v14-next>*{position:relative}
.v14-next-intro{max-width:610px}
.v14-next-eyebrow{font:600 11px var(--sans);letter-spacing:.22em;color:#e0bcb8}
.v14-next h2{font:400 clamp(49px,4.6vw,91px)/.98 var(--serif);letter-spacing:-.05em;margin:22px 0}
.v14-next h2 em{color:#e7aeb8}
.v14-next-intro p{font:clamp(17px,1.45vw,21px)/1.5 var(--serif);color:#e7d0cb;max-width:500px}
.v14-next-signature{font:600 9px var(--sans);letter-spacing:.23em;color:#e5b5b4;display:flex;align-items:center;gap:24px;margin-top:38px}
.v14-next-signature i{height:1px;background:#e5b5b471;flex:1}
.v14-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v14-next-card{height:clamp(310px,31vw,485px);position:relative;overflow:hidden;border:1px solid #e7c5b245;border-radius:13px;box-shadow:0 20px 40px #17060980;display:block}
.v14-next-card:before{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#180b0be3);z-index:1}
.v14-next-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.v14-next-card:hover img{transform:scale(1.06)}
.v14-next-card-info{position:absolute;bottom:18px;left:18px;right:14px;display:grid;grid-template-columns:1fr 40px;z-index:2;color:#fff;gap:7px 0}
.v14-next-card-info small{grid-column:1/-1;font:600 8px var(--sans);letter-spacing:.16em}
.v14-next-card-info strong{font:400 clamp(27px,2.1vw,44px) var(--serif)}
.v14-next-card-info i{font:24px var(--serif);border:1px solid #ffffffb0;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-style:normal;align-self:center}
/* Shared footer, approved butterfly seal and red legal bar */
.v14-global-footer{background:#faf8f4;color:#351e22;border-top:1px solid #eadfd5}
.v14-footer-main{display:grid;grid-template-columns:45% 55%;min-height:660px}
.v14-footer-photography{position:relative;min-height:660px;overflow:hidden;background:#d8c5b5}
.v14-footer-photography:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7eee887 0%,#f7eee846 40%,transparent 78%)}
.v14-footer-photography>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:53% center}
.v14-footer-photo-copy{position:relative;z-index:1;padding:clamp(50px,5vw,95px) clamp(28px,4vw,75px);max-width:580px}
.v14-footer-photo-copy>span{font:600 10px var(--sans);letter-spacing:.23em;color:#754147}
.v14-footer-photo-copy h2{font:400 clamp(51px,5vw,101px)/1.02 var(--serif);margin:24px 0 26px;letter-spacing:-.055em}
.v14-footer-photo-copy h2 em{color:#91323f}
.v14-footer-photo-copy p{font:20px/1.42 var(--serif);max-width:320px}
.v14-footer-photo-copy a{margin-top:19px;padding-bottom:9px;border-bottom:1px solid #8c5051;display:inline-flex;gap:60px;font:600 10px var(--sans);letter-spacing:.18em;text-transform:uppercase}
.v14-footer-directory{padding:clamp(45px,4vw,74px) clamp(28px,4vw,73px) 40px}
.v14-footer-masthead{display:grid;grid-template-columns:72px minmax(120px,1fr) minmax(120px,.8fr);gap:20px;align-items:center;padding:14px 0 42px;border-bottom:1px solid #dfcec3}
.v14-footer-butterfly{color:#681c27;display:grid;place-items:center}.v14-footer-butterfly svg{width:60px;height:60px}
.v14-footer-masthead>div:nth-child(2){display:flex;align-items:center;gap:22px;min-width:0}
.v14-footer-wordmark{font:300 clamp(19px,2vw,30px)/1.1 'Horizon Regular','Horizon',Arial,sans-serif;letter-spacing:.12em;white-space:nowrap}
.v14-footer-masthead>div:nth-child(2) span,.v14-footer-micro{font:600 9px/2 var(--sans);letter-spacing:.19em;color:#895f5a}
.v14-footer-micro{border-left:1px solid #decbc1;padding-left:23px}
.v14-footer-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,35px);padding:34px 0 43px;border-bottom:1px solid #dfcec3}
.v14-footer-navigation>div{display:flex;flex-direction:column;gap:13px;border-right:1px solid #eaded6;padding-right:10px}
.v14-footer-navigation>div:last-child{border-right:0}
.v14-footer-navigation h3{font:700 10px var(--sans);color:#8f343d;letter-spacing:.16em;margin:0 0 5px}
.v14-footer-navigation a,.v14-footer-navigation span{font:15px/1.28 var(--serif);color:#604449}
.v14-footer-navigation a:hover{color:#980e0e;text-decoration:underline;text-underline-offset:3px}
.v14-pending-link small{display:block;font:9px var(--sans);color:#a18d87;margin-top:3px}
.v14-footer-bottom-row{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:32px}
.v14-footer-bottom-row>p{max-width:310px;font:italic 21px/1.4 var(--serif);color:#715558}
.v14-footer-round-stamp{border:1px solid #9f646c;border-radius:50%;height:126px;width:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#71252f;transform:rotate(-12deg);flex:0 0 126px}
.v14-footer-round-stamp span{font:700 7px/1.2 var(--sans);letter-spacing:.1em;text-align:center}.v14-footer-round-stamp svg{width:44px;height:44px}
.v14-footer-legal{background:#451018;color:#e7d0c9;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px var(--v14-gutter);font:600 9px/1.5 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.v14-footer-rule{height:1px;background:#efcfca72;flex:1;max-width:340px}
.v14-footer-legal>div{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.v14-footer-legal small{font-size:8px;color:#cc9b95;text-transform:none;letter-spacing:0}
.mini-foot{display:none!important}
/* Preserve existing studio prefooter while ensuring shared CTA isn't redundant there. */
body[data-current-view="studio"] .v14-next{display:none}
body[data-current-view="article"] .v14-next{display:none}
body[data-current-view="contacto"] .v14-next{display:none}
@media(max-width:1150px){body#farfalla-page-studio .v7-studio-hero-text h1{font-size:clamp(51px,5.5vw,76px)}.v14-footer-main{grid-template-columns:41% 59%}.v14-footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:35px}.v14-footer-masthead{grid-template-columns:62px 1fr}.v14-footer-micro{grid-column:2;border:0;padding:0}.v14-footer-photography{min-height:780px}.v14-next{grid-template-columns:1fr}.v14-next-grid{max-width:1030px;width:100%}.v14-next-card{height:360px}}
@media(max-width:820px){body#farfalla-page-studio .v7-studio-hero{display:flex;flex-direction:column;min-height:0;padding-top:35px}body#farfalla-page-studio .v7-studio-hero-text{padding:30px 28px 20px;width:100%;align-self:stretch}body#farfalla-page-studio .v7-studio-hero-text h1{font-size:clamp(52px,10vw,84px);max-width:620px}body#farfalla-page-studio .v7-hero-poster{height:clamp(400px,66vw,620px);width:80%;margin:8px auto 55px}body#farfalla-page-studio .v7-studio-photo{inset:0 0 auto 30%;height:400px;width:70%;opacity:.1}body#farfalla-page-shinka .v7-shinka-thought{grid-template-columns:1fr}body#farfalla-page-shinka .v14-thought-art{min-height:350px}body#farfalla-page-shinka .v14-thought-story{padding:52px 30px}.v14-footer-main{grid-template-columns:1fr}.v14-footer-photography{min-height:440px}.v14-footer-photo-copy{padding:45px 30px}.v14-footer-directory{padding:42px 30px}.v14-ideas-card{flex-basis:clamp(245px,43vw,350px)}}
@media(max-width:620px){body#farfalla-page-studio .v7-hero-poster{height:clamp(310px,90vw,475px);width:78%;margin:12px auto 65px}body#farfalla-page-studio .v7-studio-hero-text{padding:25px 25px 5px}body#farfalla-page-studio .v7-studio-hero-text h1{font-size:clamp(49px,11vw,70px)}body#farfalla-page-studio .v7-hero-side-note{right:-24px;font-size:8px;padding:12px 7px;top:12%}body#farfalla-page-shinka .v14-thought-art{min-height:270px}body#farfalla-page-shinka .v14-thought-story h2{font-size:clamp(40px,10vw,66px)}.v14-ideas{padding:58px 19px 64px}.v14-ideas-heading h2{font-size:clamp(46px,9vw,63px)}.v14-ideas-heading p{font-size:15px}.v14-ideas-card{flex-basis:76vw}.v14-ideas-arrow{width:44px;height:44px;flex-basis:44px}.v14-next{padding:66px 20px}.v14-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v14-next-card{height:235px;border-radius:10px}.v14-next-card-info{bottom:9px;left:8px;right:7px;grid-template-columns:1fr 24px}.v14-next-card-info small{font-size:7px;line-height:1.2}.v14-next-card-info strong{font-size:clamp(19px,4.1vw,28px)}.v14-next-card-info i{width:24px;height:24px;font-size:14px}.v14-next h2{font-size:clamp(55px,11vw,78px)}.v14-footer-directory{padding:36px 20px}.v14-footer-masthead{grid-template-columns:54px 1fr;gap:13px}.v14-footer-butterfly svg{width:48px;height:48px}.v14-footer-masthead>div:nth-child(2){gap:12px}.v14-footer-wordmark{font-size:20px}.v14-footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.v14-footer-navigation>div{min-width:0}.v14-footer-photo-copy h2{font-size:clamp(48px,10vw,70px)}.v14-footer-legal{padding:18px 19px;flex-direction:column;align-items:flex-start;font-size:8px}.v14-footer-rule{display:none}.v14-footer-legal>div{gap:12px}.v14-footer-photography{min-height:390px}.v14-footer-photo-copy p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.v14-next-card img,.v14-ideas-card img,body#farfalla-page-shinka .v14-thought-art img{transition:none!important;animation:none!important}}



/* FARFALLA V1.4.2 · Shinka: one physically continuous grid across the seam.
   Keep the approved hero and split photo/editorial panel; only surface/material treatment changes. */
.v142-shinka-continuity{
 position:relative;isolation:isolate;
 background:linear-gradient(180deg,#5e121d 0%,#681a29 58%,#4d111c 100%);
}
.v142-shinka-continuity::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:9;
 background-image:linear-gradient(to right,rgba(250,219,208,.105) 1px,transparent 1px),linear-gradient(to bottom,rgba(250,219,208,.105) 1px,transparent 1px);
 background-size:46px 46px;background-position:0 0;
 opacity:.46;
}
/* Remove per-section shifted grids and discrete background jumps; the shared grid does not reset. */
body#farfalla-page-shinka .v142-shinka-continuity>.v7-shinka-hero,
body#farfalla-page-shinka .v142-shinka-continuity>.v7-shinka-thought{background:transparent!important}
body#farfalla-page-shinka .v142-shinka-continuity>.v7-shinka-hero:before{background-image:none!important}
body#farfalla-page-shinka .v142-shinka-continuity .v14-thought-story{
 background:radial-gradient(ellipse at 90% 24%,rgba(165,60,74,.30),transparent 63%),
 linear-gradient(180deg,rgba(94,18,29,.02) 0%,rgba(85,18,29,.29) 45%,rgba(67,12,25,.67) 100%);
}
body#farfalla-page-shinka .v142-shinka-continuity .v14-thought-story:before{background-image:none!important}
/* Image emerges from the same color as the hero (rather than beginning at a hard edge). */
body#farfalla-page-shinka .v142-shinka-continuity .v14-thought-art{
 background:transparent;isolation:isolate;
}
body#farfalla-page-shinka .v142-shinka-continuity .v14-thought-art img{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 25px,rgba(0,0,0,.72) 95px,#000 160px);
 mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 25px,rgba(0,0,0,.72) 95px,#000 160px);
}
/* Soften photographic content to the burgundy field at the right, keeping text safe. */
body#farfalla-page-shinka .v142-shinka-continuity .v14-thought-art:after{
 background:linear-gradient(90deg,transparent 58%,rgba(94,18,29,.10) 75%,rgba(94,18,29,.50) 100%);
}
/* Orbit refinement requested on the prior review: center label no longer crosses rim.
   Preserve the 7 real disciplines and drag/click/arrow interactions. */
body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core{
 width:154px!important;height:154px!important;padding:17px 10px!important;
 gap:5px!important;justify-content:center!important;box-sizing:border-box;
 border-color:rgba(255,229,211,.80)!important;
 box-shadow:0 0 0 10px rgba(255,248,235,.055),0 0 35px rgba(255,204,171,.38),inset 0 0 24px rgba(255,205,185,.12)!important;
}
body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core small{
 display:block;font:600 9.5px/1.25 var(--sans)!important;
 letter-spacing:.10em!important;max-width:100%!important;
 padding:0 3px!important;white-space:nowrap!important;text-align:center!important;
}
body#farfalla-page-shinka .v10-discipline-stage .v13-butterfly{width:65px!important;height:65px!important;flex:none}
/* More luminous elliptic track, while not changing the image position geometry */
body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-orbit{
 border:1.7px solid rgba(255,231,210,.82)!important;
 box-shadow:0 0 9px rgba(255,226,186,.6),0 0 32px rgba(255,196,145,.25),inset 0 0 13px rgba(255,226,186,.10)!important;
}
body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-tile{
 box-shadow:0 0 0 2px rgba(255,237,214,.19),0 0 19px rgba(255,207,178,.22),0 12px 28px rgba(25,4,13,.48)!important;
}
body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-tile.is-selected{
 box-shadow:0 0 0 5px rgba(255,231,211,.19),0 0 27px rgba(255,203,166,.42),0 14px 36px rgba(25,4,13,.6)!important;
}
/* Small lights follow the *same elliptical geometry* as the original orbit. */
.v142-orbit-lights{
 position:absolute;left:50%;top:43%;width:81%;height:59.4%;
 border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);
 z-index:32;pointer-events:none;
}
.v142-orbit-lights i{position:absolute;width:9px;height:9px;left:50%;top:50%;margin:-4.5px;
 border-radius:50%;background:#fff7e8;
 box-shadow:0 0 9px 3px #ffe2c6,0 0 29px 7px rgba(255,183,134,.62);
 animation:v142-orbit-glint 18s linear infinite;
}
.v142-orbit-lights i:nth-child(2){animation-delay:-4.5s;width:6px;height:6px;opacity:.8}
.v142-orbit-lights i:nth-child(3){animation-delay:-9s;width:5px;height:5px;opacity:.7}
.v142-orbit-lights i:nth-child(4){animation-delay:-13.5s;width:4px;height:4px;opacity:.65}
@keyframes v142-orbit-glint{
 from{transform:rotate(0deg) translateX(calc(var(--orbit-rx, 40.5%) * 1)) rotate(0deg)}
 to{transform:rotate(360deg) translateX(calc(var(--orbit-rx, 40.5%) * 1)) rotate(-360deg)}
}
/* Use offset-path for mathematically elliptical glints, independent of the seven disc buttons. */
@supports (offset-path:ellipse(40% 30% at 50% 50%)){
 .v142-orbit-lights i{
 left:0;top:0;margin:0;offset-path:ellipse(50% 50% at 50% 50%);
 offset-rotate:0deg;animation:v142-orbit-travel 18s linear infinite;
 }
 @keyframes v142-orbit-travel{from{offset-distance:0%}to{offset-distance:100%}}
}
@media(max-width:750px){
 body#farfalla-page-shinka .v142-shinka-continuity .v14-thought-art img{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 52px,#000 105px);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 52px,#000 105px);
 }
 body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core{top:36%!important;width:113px!important;height:113px!important;padding:9px 5px!important;gap:1px!important}
 body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core small{font-size:7px!important;letter-spacing:.05em!important}
 body#farfalla-page-shinka .v10-discipline-stage .v13-butterfly{width:46px!important;height:46px!important}
 .v142-orbit-lights{top:36%;height:50%}
}
@media(max-width:430px){
 body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core{width:103px!important;height:103px!important;padding:6px 4px!important}
 body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core small{font-size:6.6px!important}
 body#farfalla-page-shinka .v10-discipline-stage .v13-butterfly{width:40px!important;height:40px!important}
}
@media(prefers-reduced-motion:reduce){
 .v142-orbit-lights i{animation:none!important;offset-distance:0%!important;opacity:.38!important}
}

@supports not (offset-path:ellipse(40% 30% at 50% 50%)){.v142-orbit-lights{display:none}}


/* === FARFALLA V1.5 · APPROVED EDITORIAL SYSTEM === */
:root{--v15-grid:46px;--v15-ink:#351b20;--v15-wine:#741f2d;--v15-blush:#b56472;--v15-cream:#f9f6f1;--v15-gutter:clamp(22px,4vw,76px)}
/* A SINGLE GLOBAL GRID METRIC. Every visible local grid uses viewport-anchored spacing: no resetting at section seams. */
.paper-grid,.v7-gallery::before,.v7-studio-service::before,.v7-dossier::before,.v10-journey::before,.v12-epi-hero,.entry-top::before{background-size:var(--v15-grid) var(--v15-grid)!important;background-position:0 0!important;background-attachment:fixed!important}
.v7-gallery::before,.v7-studio-service::before,.v7-dossier::before,.entry-top::before{background-image:linear-gradient(90deg,rgba(128,70,77,.13) 1px,transparent 1px),linear-gradient(0deg,rgba(128,70,77,.13) 1px,transparent 1px)!important;opacity:.46!important}
.v10-journey::before{background-image:linear-gradient(90deg,rgba(238,185,175,.10) 1px,transparent 1px),linear-gradient(0deg,rgba(238,185,175,.10) 1px,transparent 1px)!important;opacity:.47!important}
.v12-epi-hero{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)!important}
.v142-shinka-continuity::before{background-size:var(--v15-grid) var(--v15-grid)!important;background-position:0 0!important;background-attachment:fixed!important}
/* Gentle color blending at adjacent editorial grids, while retaining approved materials. */
body#farfalla-page-studio .v7-studio-service,body#farfalla-page-studio .v7-gallery,body#farfalla-page-shinka .v7-dossier,body#farfalla-page-shinka .v14-ideas{background-image:linear-gradient(180deg,rgba(249,248,245,.40),rgba(249,248,245,0) 80px),linear-gradient(120deg,#f6ece9,#f9f8f5 57%,#f2e4e0)!important}
body#farfalla-page-studio .v7-studio-service::before,body#farfalla-page-studio .v7-gallery::before,body#farfalla-page-shinka .v7-dossier::before{z-index:0}
body#farfalla-page-studio .v7-studio-service>*,body#farfalla-page-studio .v7-gallery>*,body#farfalla-page-shinka .v7-dossier>*{position:relative;z-index:1}
/* LIFE · warm, immersive editorial with restrained highlights and depth */
.v15-life{background:#fbf8f3;color:var(--v15-ink)}
.v15-global-grid-light{position:relative;isolation:isolate}
.v15-global-grid-light::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(to right,rgba(120,70,64,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,70,64,.12) 1px,transparent 1px);background-size:var(--v15-grid) var(--v15-grid);background-position:0 0;background-attachment:fixed;opacity:.28}
.v15-life-hero{min-height:clamp(540px,48vw,760px);display:grid;grid-template-columns:44% 56%;align-items:stretch;overflow:hidden;background:linear-gradient(130deg,#faf7f2,#fcfaf6)}
.v15-life-hero-copy{padding:clamp(48px,6vw,96px) clamp(18px,4vw,74px) clamp(44px,6vw,95px) var(--v15-gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}
.v15-eyebrow{font:700 10px/1.4 var(--sans);letter-spacing:.24em;color:#882d39}
.v15-life-hero h1{font:400 clamp(45px,4.5vw,88px)/.98 var(--serif);letter-spacing:-.06em;margin:28px 0 26px;max-width:780px;white-space:nowrap}
.v15-life-hero h1 em{color:#ad5c68;font-style:italic}
.v15-life-hero p{font:clamp(16px,1.2vw,20px)/1.5 var(--serif);color:#715553;margin:0 0 24px;max-width:540px}
.v15-solid-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;border-radius:50px;padding:17px 25px;color:#fff9f5;background:linear-gradient(115deg,#5e1223,#8e2835);box-shadow:0 12px 23px #6f20222a;font:700 10px var(--sans);letter-spacing:.19em;text-transform:uppercase;transition:transform .3s,box-shadow .3s}
.v15-solid-cta:hover{transform:translateY(-4px);box-shadow:0 18px 32px #6f202245}
.v15-life-hero-visual{position:relative;align-self:stretch;overflow:hidden;border-radius:0 120px 0 0;isolation:isolate;min-height:500px}
.v15-life-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f9f6f1 0%,transparent 19%),linear-gradient(180deg,transparent 70%,#38171a21);pointer-events:none;z-index:1}
.v15-life-hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;transform:scale(1.045);animation:v15-hero-breathe 15s ease-in-out infinite alternate}
@keyframes v15-hero-breathe{to{transform:scale(1.10) translate3d(-1%,0,0)}}
.v15-life-hero-bookmark{position:absolute;right:clamp(12px,3vw,54px);top:27%;z-index:2;width:clamp(170px,15.6vw,244px);aspect-ratio:.76;background:linear-gradient(145deg,#671624,#48101a);box-shadow:0 25px 48px #27131666;transform:rotate(6deg);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;color:#fbebdf;animation:v15-bookmark-float 8s ease-in-out infinite alternate}
.v15-life-hero-bookmark span:first-child{font:700 10px var(--sans);letter-spacing:.2em}
.v15-life-bookmark-mark{font:54px Georgia,serif;color:#e9c9c7}.v15-life-hero-bookmark strong{font:400 clamp(19px,1.9vw,29px)/1.12 var(--serif)}
@keyframes v15-bookmark-float{to{transform:rotate(4deg) translateY(-9px)}}
.v15-life-light-trace{position:absolute;z-index:2;top:4%;left:21%;height:94%;width:48%;border:1px solid #f3dbc661;border-left:0;border-bottom:0;border-radius:50%;filter:drop-shadow(0 0 8px #efcaa4c0);pointer-events:none;transform:rotate(19deg);animation:v15-light-breathe 6s ease-in-out infinite alternate}
@keyframes v15-light-breathe{to{opacity:.42;filter:drop-shadow(0 0 16px #e9bb96)}}
.v15-life-paths{padding:28px var(--v15-gutter) 40px;background:#fbf8f3}
.v15-life-path-grid{max-width:1760px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.v15-life-path{height:clamp(210px,20vw,314px);position:relative;overflow:hidden;border-radius:9px;display:block;background:#65403b;isolation:isolate;box-shadow:0 9px 22px #3b191320;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.21,.8,.3,1),box-shadow .45s}
.v15-life-path>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1s;filter:saturate(.88)}
.v15-life-path:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,9,11,.88) 0%,transparent 78%)}
.v15-life-path-content{position:absolute;z-index:2;bottom:22px;left:23px;color:#fff4e9;display:flex;flex-direction:column;gap:9px;transform:translateZ(25px)}
.v15-life-path-content small{font:700 10px var(--sans);letter-spacing:.2em;color:#e6b5ac}.v15-life-path-content strong{font:400 clamp(32px,2.9vw,52px)/1 var(--serif)}.v15-life-path-content span{font:600 9px var(--sans);letter-spacing:.18em}
.v15-life-path b{z-index:3;position:absolute;bottom:23px;right:23px;border:1px solid #ffede3b0;border-radius:50%;display:grid;place-items:center;color:#fff;width:34px;height:34px;font:23px var(--serif)}
.v15-life-path:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-7px);box-shadow:0 24px 48px #3b191340}.v15-life-path:hover>img{transform:scale(1.12)}
.v15-life-articles{padding:36px var(--v15-gutter) 95px;background:#fbf8f3;border-top:1px solid #e3d5cc}
.v15-life-article-heading{max-width:1760px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}
.v15-life-article-heading h2{font:400 clamp(44px,5.4vw,83px)/1 var(--serif);letter-spacing:-.055em;margin:10px 0 0}.v15-life-article-heading h2 em{font-weight:400;color:#9c3945}
.v15-life-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:790px}
.v15-life-filters button{appearance:none;background:#fdf9f4;color:#73454a;border:1px solid #dcc4bf;border-radius:999px;padding:11px 17px;cursor:pointer;font:15px/1.1 var(--serif);transition:background .2s,box-shadow .2s,transform .2s}
.v15-life-filters button:hover{transform:translateY(-3px);box-shadow:0 5px 13px #5e121312}.v15-life-filters button.is-active{background:#711c2b;color:#fff;border-color:#711c2b}
.v15-life-grid{max-width:1760px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.v15-life-article-card{border:1px solid #e8dcd2;border-radius:9px;background:#fcf9f5;box-shadow:0 7px 24px #38131108;overflow:hidden;transition:transform .35s,box-shadow .35s}
.v15-life-article-card:hover{transform:translateY(-7px) rotateX(.7deg);box-shadow:0 23px 41px #38131119}.v15-life-article-card[hidden]{display:none!important}
.v15-life-article-card>a{display:block;height:100%;position:relative;color:inherit;text-decoration:none}
.v15-life-article-card img{width:100%;height:clamp(125px,12vw,220px);object-fit:cover;transition:transform .65s;display:block}.v15-life-article-card:hover img{transform:scale(1.06)}
.v15-life-card-body{display:flex;flex-direction:column;padding:20px 20px 26px;min-height:206px;position:relative;background:#fcf9f5}
.v15-life-card-body small{font:700 9px var(--sans);letter-spacing:.19em;color:#a64553}.v15-life-card-body strong{font:400 clamp(25px,2vw,37px)/1.06 var(--serif);letter-spacing:-.026em;margin:10px 0 11px;max-width:340px}
.v15-life-card-body>span{font:15px/1.45 var(--serif);color:#806b66;max-width:340px}
.v15-life-card-body em{margin-top:auto;padding-top:18px;font:700 9px var(--sans);letter-spacing:.17em;color:#9e4753;font-style:normal}
.v15-life-card-body b{position:absolute;right:17px;bottom:17px;width:32px;height:32px;border-radius:50%;border:1px solid #a05d63;display:grid;place-items:center;color:#79323d;font:22px Georgia,serif}
.v15-life-demo-note{font:12px/1.5 var(--sans);color:#927c76;max-width:1760px;margin:24px auto 0}
/* Fade-in and moving light cues. Real scroll-triggered motion; no scroll hijacking. */
.v15-life [data-reveal]{opacity:0;filter:blur(8px);transform:translateY(33px);transition:opacity .8s ease,filter .8s ease,transform .8s cubic-bezier(.2,.7,.25,1)}
.v15-life [data-reveal].is-visible{opacity:1;filter:none;transform:translateY(0)}
.v15-life-path[data-reveal].is-visible:hover{transform:perspective(1000px) rotateY(-3deg) translateY(-7px)}
.v15-life-article-card[data-reveal].is-visible:hover{transform:translateY(-7px)}
/* Refined APPROVED compact footer, consistent across all pages. */
.v15-global-footer{background:#f9f6f1;color:#46272c;border-top:1px solid #dfd0c6}
.v15-footer-body{max-width:1800px;margin:auto;min-height:214px;display:grid;grid-template-columns:140px 235px minmax(0,1fr) 135px;gap:18px;align-items:center;padding:20px var(--v15-gutter);position:relative}
.v15-footer-arch{height:170px;align-self:end;position:relative;overflow:hidden;border-radius:100px 100px 0 0;border:1px solid #b7918c;border-bottom:0;background:#7a2631;box-shadow:inset 0 0 40px #360c20a3}
.v15-footer-arch-inner{position:absolute;inset:0;background:url('../media/Farfalla-Marca-Fondo-Pie-Pagina-01.webp') center/cover;filter:sepia(.7) saturate(1.4);mix-blend-mode:screen;opacity:.4}
.v15-footer-mark{align-self:stretch;border-right:1px solid #dbc9c2;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:11px 15px;padding:13px 16px 13px 0;position:relative}
.v15-footer-mark img{width:43px;height:43px;object-fit:contain}.v15-footer-wordmark{font:300 clamp(21px,2vw,31px)/1 'Horizon Regular','Horizon',Arial,sans-serif;letter-spacing:.115em;white-space:nowrap}.v15-footer-mark>span{font:700 9px/1.55 var(--sans);letter-spacing:.2em;color:#8e6365;width:100%;margin-left:59px}
.v15-footer-mark>small{display:none;font:700 8px/1.7 var(--sans);letter-spacing:.15em;color:#896c69}
.v15-footer-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:10px;min-width:0}
.v15-footer-columns>div{min-height:117px;padding:0 6px 0 clamp(4px,.9vw,18px);border-right:1px solid #e4d7d0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.v15-footer-columns>div:last-child{border-right:0}.v15-footer-columns strong{font:700 9px/1.3 var(--sans);letter-spacing:.2em;color:#9d424e;margin-bottom:6px}
.v15-footer-columns a,.v15-footer-columns span{font:clamp(12px,.9vw,15px)/1.15 var(--serif);color:#695456;text-decoration:none}
.v15-footer-columns a:hover{color:#951f36;text-decoration:underline;text-underline-offset:3px}.v15-footer-columns small{display:block;color:#a89792;font:9px var(--sans)}
.v15-footer-stamp{display:grid;place-items:center;align-self:center}.v15-footer-stamp img{width:127px;max-width:100%;height:106px;object-fit:contain}
.v15-footer-legal{min-height:43px;display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.6fr) auto;gap:30px;align-items:center;background:linear-gradient(100deg,#440b1c,#641724 65%,#450c19);color:#f2d7d0;padding:12px var(--v15-gutter)}
.v15-footer-legal em{font:italic 14px/1.3 var(--serif)}.v15-footer-legal>span{height:1px;background:#f9ddcf51}
.v15-footer-legal>div{display:flex;align-items:center;gap:14px;white-space:nowrap}.v15-footer-legal>div>span{font:700 9px var(--sans);letter-spacing:.15em}.v15-footer-legal i{font:9px var(--sans);color:#e4ada8}.v15-footer-legal small{color:#dba8a5;font:8px var(--sans);letter-spacing:normal;text-transform:none}
@media(min-width:1700px){.v15-footer-body{grid-template-columns:160px 250px minmax(0,1fr) 148px;min-height:228px}}
@media(max-width:1200px){.v15-footer-body{grid-template-columns:105px 185px minmax(0,1fr) 100px;gap:13px}.v15-footer-arch{height:133px}.v15-footer-mark{gap:6px}.v15-footer-mark img{width:34px;height:34px}.v15-footer-mark>span{margin-left:43px;font-size:7px}.v15-footer-wordmark{font-size:21px}.v15-footer-columns a,.v15-footer-columns span{font-size:12px}.v15-footer-columns strong{font-size:8px}.v15-footer-stamp img{width:100px}.v15-footer-legal{grid-template-columns:1fr auto;gap:12px}.v15-footer-legal>span{display:none}}
@media(max-width:900px){.v15-life-hero{grid-template-columns:1fr 1fr;min-height:520px}.v15-life-hero-copy{padding:36px 25px}.v15-life-hero h1{font-size:clamp(37px,5.3vw,61px);white-space:normal}.v15-life-hero-visual{min-height:430px}.v15-life-hero-bookmark{width:140px;padding:16px 10px;right:15px}.v15-life-hero-bookmark strong{font-size:18px}.v15-life-article-heading{display:block}.v15-life-filters{justify-content:flex-start;margin-top:23px}.v15-life-path-content strong{font-size:35px}.v15-life-card-body strong{font-size:26px}.v15-footer-body{grid-template-columns:95px 185px 1fr;gap:12px}.v15-footer-stamp{display:none}.v15-footer-columns{grid-template-columns:repeat(3,1fr);row-gap:17px}.v15-footer-columns>div{min-height:0;padding-left:8px}}
@media(max-width:640px){.v15-life-hero{grid-template-columns:1fr;min-height:0}.v15-life-hero-copy{padding:46px 22px 27px}.v15-life-hero h1{font-size:clamp(39px,10vw,55px);white-space:normal;line-height:.99}.v15-life-hero p{font-size:16px}.v15-life-hero-visual{height:280px;min-height:280px;border-top-right-radius:94px}.v15-life-hero-bookmark{width:128px;top:9%;right:18px}.v15-life-hero-bookmark strong{font-size:17px}.v15-life-paths{padding:18px 18px 28px}.v15-life-path-grid{grid-template-columns:repeat(3,minmax(215px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:10px}.v15-life-path{height:235px;scroll-snap-align:start}.v15-life-path-content strong{font-size:34px}.v15-life-articles{padding:39px 18px 72px}.v15-life-article-heading h2{font-size:54px}.v15-life-filters{gap:7px}.v15-life-filters button{padding:9px 12px;font-size:13px}.v15-life-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v15-life-article-card img{height:120px}.v15-life-card-body{padding:12px 10px 16px;min-height:208px}.v15-life-card-body small{font-size:7px}.v15-life-card-body strong{font-size:21px}.v15-life-card-body>span{font-size:12px}.v15-life-card-body em{font-size:8px}.v15-life-card-body b{right:8px;bottom:8px;width:24px;height:24px;font-size:17px}.v15-footer-body{grid-template-columns:74px minmax(0,1fr);padding:24px 18px 22px;gap:15px}.v15-footer-arch{height:120px}.v15-footer-mark{border-right:0;align-self:center}.v15-footer-mark img{width:36px;height:36px}.v15-footer-mark>span{width:auto;margin-left:0;font-size:8px}.v15-footer-columns{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 4px;padding-top:18px;border-top:1px solid #e1d5cb}.v15-footer-columns>div{padding-right:5px;min-width:0;gap:7px}.v15-footer-stamp{display:none}.v15-footer-legal{padding:17px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.v15-footer-legal em{font-size:12px}.v15-footer-legal>div{gap:10px;flex-wrap:wrap}.v15-footer-legal>div>span{font-size:8px}.v15-global-grid-light::before{background-attachment:scroll}.paper-grid,.v7-gallery::before,.v7-studio-service::before,.v7-dossier::before,.v10-journey::before,.v12-epi-hero,.entry-top::before,.v142-shinka-continuity::before{background-attachment:scroll!important}}
@media(prefers-reduced-motion:reduce){.v15-life [data-reveal]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.v15-life-hero-visual>img,.v15-life-hero-bookmark,.v15-life-light-trace{animation:none!important}.v15-life-path,.v15-life-article-card,.v15-solid-cta{transition:none!important}.v15-life-path:hover,.v15-life-article-card:hover{transform:none!important}}


/* For mobile browsers that ignore fixed backgrounds, calculate a single document-based phase in JS. */
@media(max-width:640px){.paper-grid,.v7-gallery::before,.v7-studio-service::before,.v7-dossier::before,.v10-journey::before,.v12-epi-hero,.entry-top::before,.v142-shinka-continuity::before,.v15-global-grid-light::before{background-position:0 var(--v15-grid-phase,0px)!important}}

/* === FARFALLA V1.6 · refinements requested on 22/10/2026 === */
body#farfalla-page-studio .v7-studio-hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 16% 22%,rgba(227,193,168,.34) 0,rgba(227,193,168,.16) 16%,transparent 38%),
 radial-gradient(circle at 72% 18%,rgba(145,55,67,.18),transparent 22%),
 linear-gradient(100deg,#fcfaf7 0%,#faf6f0 46%,#f0e7dd 100%);}
body#farfalla-page-studio .v7-studio-hero:before{content:'';position:absolute;left:6%;top:18%;width:260px;height:260px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff6df 0%,rgba(255,245,227,.72) 18%,rgba(255,227,176,.12) 38%,transparent 70%);filter:blur(10px);opacity:.9;z-index:0}
body#farfalla-page-studio .v7-studio-hero-text,body#farfalla-page-studio .v7-hero-poster{position:relative;z-index:2}
.v16-studio-sparkles{position:absolute;left:17%;top:17%;width:34vw;min-width:280px;max-width:520px;height:38vw;max-height:430px;pointer-events:none;z-index:0;opacity:.95}
.v16-studio-orbit{position:absolute;left:5%;top:8%;width:84%;height:72%;border:1px solid rgba(176,120,118,.48);border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 16px rgba(255,223,184,.2), inset 0 0 10px rgba(255,248,226,.08)}
.v16-studio-sparkles i{position:absolute;border-radius:50%;background:#fff7ea;box-shadow:0 0 12px rgba(255,207,165,.8),0 0 28px rgba(255,207,165,.45)}
.v16-studio-sparkles i:nth-child(1){width:12px;height:12px;left:14%;top:20%}
.v16-studio-sparkles i:nth-child(2){width:8px;height:8px;left:58%;top:14%}
.v16-studio-sparkles i:nth-child(3){width:10px;height:10px;left:74%;top:57%}
.v16-studio-sparkles i:nth-child(4){width:6px;height:6px;left:34%;top:74%}

.v15-life-hero{grid-template-columns:46% 54%;min-height:clamp(540px,46vw,740px)}
.v15-life-hero-copy{padding-top:clamp(54px,6vw,94px)}
.v15-life-hero h1{white-space:normal;max-width:740px}
.v15-life-hero-visual{border-radius:0 118px 0 0;min-height:520px;background:#e8ddd4}
.v15-life-hero-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 24%,rgba(255,250,241,.24),transparent 22%),linear-gradient(180deg,transparent 0%,rgba(58,28,27,.12) 100%);pointer-events:none;z-index:1}
.v15-life-hero-visual>img{transform:none;animation:none;object-position:56% center}
.v15-life-hero-bookmark{right:5.5%;top:20%;width:clamp(182px,15vw,226px);transform:rotate(4deg);padding:22px 16px 20px;box-shadow:0 18px 34px rgba(39,19,22,.32)}
.v15-life-hero-bookmark strong{font-size:clamp(20px,1.8vw,28px)}
.v15-life-light-trace{left:26%;top:12%;height:74%;width:38%;transform:rotate(19deg);opacity:.65;z-index:2}
.v16-life-hero-index{position:absolute;left:24px;top:24px;z-index:3;font:700 10px var(--sans);letter-spacing:.2em;color:#fff4e4;text-shadow:0 2px 10px rgba(0,0,0,.25)}

.v15-global-footer{background:#f7f2ed;border-top:1px solid #ddccc3;color:#4b2b30}
.v16-footer-top{max-width:1720px;margin:auto;display:grid;grid-template-columns:94px 62px 170px minmax(0,1fr) 118px;gap:18px;align-items:center;padding:18px var(--v15-gutter) 16px}
.v16-footer-arch{height:132px;border-radius:78px 78px 0 0;overflow:hidden;background:#762834;position:relative;box-shadow:inset 0 0 32px rgba(34,5,14,.45)}
.v16-footer-arch-inner{position:absolute;inset:0;background:url('../media/Farfalla-Marca-Fondo-Pie-Pagina-01.webp') center/cover;mix-blend-mode:screen;filter:sepia(.58) saturate(1.2);opacity:.52}
.v16-footer-butterfly{display:grid;place-items:center}
.v16-footer-butterfly img{width:28px;height:28px;object-fit:contain}
.v16-footer-brand{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.v16-footer-wordmark{font:300 24px/1 'Horizon Regular','Horizon',Arial,sans-serif;letter-spacing:.13em;color:#4a2d30;text-decoration:none}
.v16-footer-brand span{font:700 8px/1.7 var(--sans);letter-spacing:.18em;color:#96666b}
.v16-footer-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.v16-footer-columns>div{display:flex;flex-direction:column;gap:6px;padding:4px 14px 6px 14px;min-height:102px;border-left:1px solid #e0d1c9}
.v16-footer-columns strong{font:700 9px var(--sans);letter-spacing:.18em;color:#a14654;margin-bottom:5px}
.v16-footer-columns a,.v16-footer-columns span{font:15px/1.18 var(--serif);color:#6d5659;text-decoration:none}
.v16-footer-columns a:hover{color:#8c2237;text-decoration:underline;text-underline-offset:3px}
.v16-footer-stamp{display:grid;place-items:center}
.v16-footer-stamp img{width:102px;height:auto}
.v16-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px var(--v15-gutter);background:linear-gradient(90deg,#4b0d1c,#6b1b29 60%,#470d18);color:#f0d6d1}
.v16-footer-bottom em{font:italic 11.5px/1.2 var(--serif)}
.v16-footer-bottom div{display:flex;gap:10px;align-items:center}
.v16-footer-bottom span,.v16-footer-bottom i{font:700 8px var(--sans);letter-spacing:.16em;color:#f2d2d3}
@media(max-width:1080px){.v16-footer-top{grid-template-columns:82px 50px 150px 1fr;gap:12px}.v16-footer-stamp{display:none}.v16-footer-columns{grid-template-columns:repeat(4,1fr)}.v16-footer-columns>div:last-child{display:none}}
@media(max-width:760px){.v16-footer-top{grid-template-columns:74px 44px 1fr;row-gap:14px}.v16-footer-columns{grid-column:1/-1;grid-template-columns:repeat(2,1fr);border-top:1px solid #e1d6ce;padding-top:14px}.v16-footer-columns>div{min-height:0;padding:6px 10px 8px 10px;border-left:0;border-right:0}.v16-footer-bottom{flex-direction:column;align-items:flex-start}.v16-footer-brand{gap:2px}}
@media(max-width:540px){.v16-footer-top{padding:18px 18px 16px;grid-template-columns:68px 38px 1fr}.v16-footer-arch{height:100px}.v16-footer-wordmark{font-size:21px}.v16-footer-columns a,.v16-footer-columns span{font-size:13px}.v16-footer-columns strong{font-size:8px}.v16-footer-bottom{padding:13px 18px}.v16-footer-bottom div{flex-wrap:wrap}}

.v16-about-page,.v16-contact-page{background:#fbf8f3;color:#3a2025}
.v16-about-hero,.v16-contact-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,44%);gap:30px;align-items:center;padding:clamp(44px,6vw,88px) var(--v15-gutter)}
.v16-about-copy h1,.v16-contact-copy h1{font:400 clamp(44px,5vw,88px)/.98 var(--serif);letter-spacing:-.05em;margin:22px 0 24px}
.v16-about-copy h1 em,.v16-contact-copy h1 em,.v16-about-intro h2 em,.v16-branches-head h2 em,.v16-founder-copy h2 em,.v16-principles-head h2 em,.v16-about-cta h2 em,.v16-contact-form-copy h2 em,.v16-contact-cta h2 em{color:#b56472;font-style:italic}
.v16-about-copy p,.v16-contact-copy p,.v16-about-intro p,.v16-founder-copy p,.v16-contact-form-copy p{font:18px/1.65 var(--serif);color:#71595b;max-width:650px}
.v16-about-actions,.v16-contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.v16-ghost-cta{display:inline-flex;align-items:center;gap:12px;border:1px solid #c6aaa2;border-radius:999px;padding:14px 20px;font:700 10px var(--sans);letter-spacing:.18em;color:#69343c;text-transform:uppercase;text-decoration:none;background:#fffaf5}
.v16-about-hero-media,.v16-contact-photo{position:relative;min-height:560px}
.v16-photo-large,.v16-photo-small,.v16-contact-photo>img,.v16-founder-main,.v16-founder-note{position:absolute;overflow:hidden;border-radius:24px;box-shadow:0 22px 52px rgba(55,21,26,.12)}
.v16-photo-large{inset:0 15% 0 0}
.v16-photo-large img,.v16-photo-small img,.v16-contact-photo>img,.v16-founder-main,.v16-founder-note{width:100%;height:100%;object-fit:cover}
.v16-photo-small{right:0;bottom:38px;width:43%;height:45%;border:10px solid #fbf8f3}
.v16-about-seal,.v16-contact-badge{position:absolute;left:14px;bottom:18px;padding:12px 14px;background:rgba(104,25,39,.88);color:#f8ece8;border-radius:14px;font:700 9px/1.45 var(--sans);letter-spacing:.18em;box-shadow:0 10px 28px rgba(48,8,15,.24)}.v16-about-seal img,.v16-contact-badge img{display:block;width:52px;height:auto}
.v16-about-intro,.v16-branches,.v16-principles,.v16-about-cta,.v16-contact-details,.v16-contact-cta{padding:0 var(--v15-gutter) 76px}
.v16-about-intro-grid,.v16-founder-layout,.v16-contact-form-layout{max-width:1700px;margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px}
.v16-about-intro h2,.v16-branches-head h2,.v16-founder-copy h2,.v16-principles-head h2,.v16-about-cta h2,.v16-contact-form-copy h2,.v16-contact-cta h2{font:400 clamp(38px,4vw,72px)/1.02 var(--serif);letter-spacing:-.05em;margin:15px 0 0}
.v16-branch-grid,.v16-principles-grid,.v16-contact-cards,.v16-contact-links{max-width:1700px;margin:auto;display:grid;gap:18px}
.v16-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v16-branch-card{padding:28px;border-radius:20px;min-height:310px;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden}
.v16-branch-studio{background:linear-gradient(160deg,#274a3f 0%,#1b342d 100%);color:#f6f1eb}.v16-branch-life{background:linear-gradient(160deg,#6f1928 0%,#4b111b 100%);color:#f7ede8}
.v16-branch-card small{font:700 10px var(--sans);letter-spacing:.2em;color:#e7c9be}.v16-branch-card strong{font:400 clamp(32px,3vw,52px)/1 var(--serif);margin:12px 0 12px;max-width:430px}.v16-branch-card p{font:17px/1.55 var(--serif);max-width:480px;color:inherit;opacity:.92}.v16-branch-card a{margin-top:auto;padding-top:26px;color:#fff4ec;font:700 10px var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.v16-founder-story{padding:76px var(--v15-gutter);background:#faf6f0}
.v16-founder-photos{position:relative;min-height:690px}
.v16-founder-main{left:0;top:0;width:78%;height:100%}
.v16-founder-note{right:0;bottom:40px;width:41%;height:40%;border:10px solid #faf6f0}
.v16-founder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;padding:0;margin:24px 0 0;list-style:none}
.v16-founder-list li{border-top:1px solid #dccac1;padding-top:12px;font:16px/1.45 var(--serif);color:#685455}
.v16-principles-head,.v16-branches-head{max-width:1700px;margin:0 auto 24px}
.v16-principles-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v16-principles-grid article,.v16-contact-cards article{background:#fffaf5;border:1px solid #eadad0;border-radius:20px;padding:24px;box-shadow:0 7px 22px rgba(59,20,19,.05)}
.v16-principles-grid article small,.v16-contact-cards article small{font:700 10px var(--sans);letter-spacing:.2em;color:#a94c58}
.v16-principles-grid article strong,.v16-contact-cards article strong{display:block;font:400 32px/1.02 var(--serif);margin:16px 0 12px}
.v16-principles-grid article p,.v16-contact-cards article p{font:16px/1.55 var(--serif);color:#6f5b5d;margin:0}
.v16-about-cta{max-width:1700px;margin:0 auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:96px}
.v16-contact-hero{padding-bottom:52px}
.v16-contact-photo>img{position:absolute;inset:0;border-radius:26px}
.v16-contact-details{padding-top:8px}
.v16-contact-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.v16-contact-cards article a{margin-top:22px;color:#7f2136;font:700 10px var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.v16-contact-form-wrap{background:#faf6f0;padding:70px var(--v15-gutter)}
.v16-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:28px;border-radius:24px;background:#fffaf5;border:1px solid #e6d9d0;box-shadow:0 12px 30px rgba(59,20,19,.06)}
.v16-contact-form label{display:flex;flex-direction:column;gap:8px}
.v16-contact-form label span{font:700 10px var(--sans);letter-spacing:.16em;color:#8a4d55;text-transform:uppercase}
.v16-contact-form input,.v16-contact-form select,.v16-contact-form textarea{border:1px solid #d8c6bc;border-radius:14px;padding:16px 14px;background:#fffcf8;font:16px/1.35 var(--serif);color:#4a2b30}
.v16-contact-form textarea{min-height:170px;resize:vertical}
.v16-contact-form .v16-contact-full{grid-column:1/-1}
.v16-contact-submit{grid-column:1/-1;display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding-top:6px}
.v16-contact-submit small{font:11px var(--sans);color:#8d7778}
.v16-contact-form-copy ul{padding-left:19px;margin:24px 0 0;color:#6f5b5d}.v16-contact-form-copy li{margin-bottom:12px;font:16px/1.5 var(--serif)}
.v16-contact-cta{max-width:1700px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding-top:78px;padding-bottom:96px}
.v16-contact-links{grid-template-columns:repeat(4,minmax(160px,1fr))}.v16-contact-links a{display:block;text-decoration:none;color:#4a2b30;background:#fffaf5;border:1px solid #eadbd3;border-radius:18px;padding:18px 18px;font:400 24px/1.05 var(--serif);box-shadow:0 6px 18px rgba(59,20,19,.04)}
@media(max-width:1050px){.v16-about-hero,.v16-contact-hero,.v16-about-intro-grid,.v16-founder-layout,.v16-contact-form-layout,.v16-about-cta,.v16-contact-cta{grid-template-columns:1fr}.v16-about-hero-media,.v16-contact-photo,.v16-founder-photos{min-height:520px}.v16-branch-grid,.v16-principles-grid,.v16-contact-cards,.v16-contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.v16-about-hero,.v16-contact-hero,.v16-founder-story,.v16-contact-form-wrap{padding-left:18px;padding-right:18px}.v16-about-intro,.v16-branches,.v16-principles,.v16-about-cta,.v16-contact-details,.v16-contact-cta{padding-left:18px;padding-right:18px}.v16-about-copy p,.v16-contact-copy p,.v16-about-intro p,.v16-founder-copy p,.v16-contact-form-copy p{font-size:16px}.v16-about-hero-media,.v16-contact-photo,.v16-founder-photos{min-height:420px}.v16-photo-large{inset:0 10% 0 0}.v16-photo-small{width:48%;height:44%;bottom:18px}.v16-branch-grid,.v16-principles-grid,.v16-contact-cards,.v16-contact-links,.v16-founder-list,.v16-contact-form{grid-template-columns:1fr}.v16-contact-form .v16-contact-full,.v16-contact-submit{grid-column:auto}.v16-contact-form{padding:18px}.v16-contact-links a{font-size:22px}}


/* V1.6.3 — SECOND ART DIRECTION PASS: FOOTER APPROVED, ABOUT & CONTACT PREMIUM */
:root{--v161-paper:#fbf8f4;--v161-ink:#371c22;--v161-wine:#721c2c;--v161-blush:#b56472;--v161-rule:rgba(119,67,69,.22)}
/* Footer: approved compact five-column editorial masthead and wine legal rail */
.v161-footer{background:#fcf8f2;border-top:1px solid #e4d8cf;position:relative;isolation:isolate;color:#4f3034}
.v161-footer-inner{display:grid;grid-template-columns:minmax(77px,8%) minmax(42px,5%) minmax(125px,13%) minmax(0,1fr) minmax(85px,10%);align-items:center;gap:clamp(8px,1vw,19px);min-height:170px;padding:14px clamp(22px,3vw,60px) 0;max-width:1900px;margin:auto}
.v161-footer-arch{height:156px;width:100%;align-self:end;position:relative;overflow:hidden;border:1px solid #8e5e58;border-bottom:0;border-radius:90px 90px 0 0;background:linear-gradient(128deg,#783142,#4b131f)}
.v161-footer-arch span{position:absolute;inset:0;background:url('../media/Farfalla-Marca-Fondo-Pie-Pagina-01.webp') center/cover;mix-blend-mode:screen;opacity:.58;filter:sepia(.7) saturate(.8)}
.v161-footer-emblem{display:grid;place-items:center;height:75px;border-right:1px solid var(--v161-rule)}
.v161-footer-emblem img{width:38px;height:38px;object-fit:contain}
.v161-footer-brand{min-width:0;padding:7px 0;align-self:center;border-right:1px solid var(--v161-rule);display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:75px}.v161-footer-brand img{width:min(210px,100%);height:auto}
.v161-footer-wordmark{font:400 clamp(20px,2.05vw,29px)/1 'Horizon Regular','Horizon',Arial,sans-serif;letter-spacing:.12em;color:#452a2d;white-space:nowrap}
.v161-footer-brand span{font:600 8px/1.6 var(--sans);letter-spacing:.24em;color:#8b6b69}
.v161-footer-nav{display:grid;grid-template-columns:1fr 1fr 1fr 1fr minmax(0,1.36fr);align-items:start;height:100%;min-width:0}
.v161-footer-col{display:flex;flex-direction:column;align-items:flex-start;min-height:93px;margin-top:20px;padding:0 clamp(7px,1vw,19px);border-right:1px solid var(--v161-rule);gap:6px;min-width:0}
.v161-footer-col:last-child{border-right:0}
.v161-footer-col strong{font:700 9px/1.1 var(--sans);letter-spacing:.15em;color:#8f3646;margin-bottom:3px}
.v161-footer-col a,.v161-footer-col span{font:clamp(11px,.91vw,15px)/1.12 var(--serif);color:#694f51;text-decoration:none;overflow-wrap:anywhere}
.v161-footer-col a:hover{color:#94263c;text-decoration:underline;text-underline-offset:3px}
.v161-footer-col span[title]{opacity:.65;cursor:default}
.v161-footer-stamp{display:grid;place-items:center;height:100%;padding-left:4px}
.v161-footer-stamp img{max-width:100%;width:115px;height:auto;object-fit:contain}
.v161-footer-legal{display:grid;grid-template-columns:76px 1fr auto;gap:30px;align-items:center;background:linear-gradient(96deg,#42111d,#5f1725 58%,#490e1d);color:#f4dad5;min-height:38px;padding:9px clamp(22px,3vw,60px)}
.v161-footer-legal-rule{height:1px;background:#f1c2bb66}
.v161-footer-legal em{font:italic 11.5px/1.2 var(--serif);color:#e4c3bf}
.v161-footer-legal>div{display:flex;gap:16px;align-items:center}.v161-footer-legal div span,.v161-footer-legal div i{font:700 8px/1.1 var(--sans);letter-spacing:.18em;color:#f3d3d3}
.v161-footer-legal div span{cursor:help}
@media(max-width:1190px){.v161-footer-inner{grid-template-columns:70px 40px 150px minmax(0,1fr) 75px;padding-inline:24px;gap:8px}.v161-footer-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.v161-footer-col{padding:0 7px;margin-top:18px}.v161-footer-col a,.v161-footer-col span{font-size:10.5px}.v161-footer-stamp img{width:75px}.v161-footer-brand img{width:140px}}
@media(max-width:850px){.v161-footer-inner{grid-template-columns:80px 52px 1fr 88px;row-gap:10px;min-height:0;padding:20px 22px 12px}.v161-footer-arch{height:124px}.v161-footer-brand{border:0}.v161-footer-brand img{width:150px}.v161-footer-nav{grid-row:2;grid-column:1/-1;border-top:1px solid #e5d7cf;padding-top:16px;gap:6px}.v161-footer-col{margin-top:0;min-height:85px}.v161-footer-col a,.v161-footer-col span{font-size:13px}.v161-footer-stamp{grid-column:4;grid-row:1}.v161-footer-legal{grid-template-columns:30px 1fr auto;gap:12px;padding-inline:22px}}
@media(max-width:620px){.v161-footer-inner{grid-template-columns:66px 41px 1fr 64px;gap:9px;padding:16px 14px}.v161-footer-arch{height:102px}.v161-footer-brand img{width:126px}.v161-footer-brand span{font-size:7px}.v161-footer-stamp img{width:67px}.v161-footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 4px}.v161-footer-col{border:0;min-height:auto;padding:0 5px;gap:8px}.v161-footer-col a,.v161-footer-col span{font-size:13px}.v161-footer-legal{grid-template-columns:24px 1fr;gap:10px;padding:12px 14px}.v161-footer-legal>div{grid-column:1/-1;justify-content:flex-end;gap:9px}.v161-footer-legal em{font-size:11px}}
/* About: clearer hierarchy and rich editorial detailing. */
.v16-about-page{overflow:hidden}
.v16-about-hero{background:linear-gradient(118deg,#faf6f0 0%,#faf6f0 48%,#f0e5df 100%);position:relative;min-height:710px}
.v16-about-hero:after{content:'';position:absolute;top:20%;right:1%;width:440px;height:440px;pointer-events:none;border:1px solid rgba(154,88,89,.29);border-radius:50%;box-shadow:0 0 45px rgba(236,190,157,.18)}
.v16-about-copy{position:relative;z-index:2}
.v16-about-copy h1{font-size:clamp(53px,5.2vw,99px);letter-spacing:-.065em;line-height:1.03;max-width:1000px}
.v16-about-copy h1 em{font-style:italic;color:#9c3448}
.v16-about-hero-media{max-width:800px;width:100%;justify-self:end;min-height:min(690px,48vw);position:relative;z-index:1}
.v16-photo-large{inset:14px 17% 15px 3%;border-radius:46% 46% 16px 16px;box-shadow:0 25px 58px #45212327;border:8px solid #fff5ee}
.v16-photo-large img{object-position:center 42%;transition:transform 1.2s ease}
.v16-photo-large:hover img{transform:scale(1.035)}
.v16-photo-small{right:0;bottom:37px;height:43%;width:44%;border:8px solid #fbf8f2;transform:rotate(6deg);border-radius:10px;box-shadow:0 20px 42px #4521233b}
.v16-about-seal{left:auto;right:20%;top:14px;bottom:auto;background:#6c2030;letter-spacing:.22em;font-size:9px;transform:rotate(7deg);display:grid;place-items:center;min-width:86px;min-height:104px}
.v161-about-rail{position:absolute;right:3px;top:0;writing-mode:vertical-rl;letter-spacing:.19em;font:700 9px var(--sans);color:#8a515a}
.v161-hero-star{position:absolute;left:-2%;top:27%;font:65px Georgia,serif;color:#f7c4a1;text-shadow:0 0 24px #fbdcb9;animation:v161-glimmer 5s ease-in-out infinite alternate}
.v161-hero-signature{margin-top:33px;display:flex;align-items:center;gap:15px;font:700 9px var(--sans);letter-spacing:.18em;color:#97676d}
.v161-hero-signature span{height:1px;width:50px;background:#b78d90}
.v16-about-intro{padding-top:92px;padding-bottom:66px;background:#fbf8f3}
.v16-about-intro-grid{grid-template-columns:1.02fr .98fr;gap:clamp(40px,8vw,125px);align-items:center}
.v16-about-intro h2{font-size:clamp(46px,5.2vw,86px);line-height:1.02;max-width:790px}
.v16-about-intro-grid>div:last-child{border-left:1px solid #d3bfc1;padding-left:35px}
.v161-about-manifesto{position:relative;background:linear-gradient(110deg,#5a1522,#7d2234 60%,#4a111d);padding:62px 5vw 68px;color:#fff4ee;text-align:center;overflow:hidden;isolation:isolate}
.v161-about-manifesto:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgba(255,224,217,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,224,217,.11) 1px,transparent 1px);background-size:46px 46px;opacity:.56}
.v161-about-manifesto:after{content:'';position:absolute;left:15%;top:4%;height:200px;width:70%;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,rgba(232,182,145,.19),transparent 66%)}
.v161-manifesto-rule{display:flex;justify-content:center;align-items:center;gap:18px;font:700 9px var(--sans);letter-spacing:.23em;color:#ebbdba}
.v161-manifesto-rule i{width:76px;height:1px;background:#e5bab5a0}
.v161-about-manifesto p{font:400 clamp(37px,4.5vw,80px)/1.05 var(--serif);letter-spacing:-.05em;margin:27px auto 20px;max-width:1220px}
.v161-about-manifesto p em{color:#f0bfc1;font-style:italic}
.v161-manifesto-butterfly img{width:52px;height:52px;object-fit:contain;opacity:.9}
.v16-branches{padding-top:90px;padding-bottom:96px;background:#f7eee9}
.v16-branches-head h2{font-size:clamp(47px,5.6vw,88px)}
.v16-branch-grid{gap:22px}
.v16-branch-card{min-height:590px;display:flex;flex-direction:column;justify-content:unset;padding:0;border-radius:17px;overflow:hidden;box-shadow:0 22px 42px rgba(56,20,22,.12)}
.v161-branch-image{height:310px;position:relative;width:100%;overflow:hidden}
.v161-branch-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.v16-branch-card:hover .v161-branch-image img{transform:scale(1.075)}
.v161-branch-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(31,16,18,.32),transparent 60%)}
.v161-branch-body{padding:27px 35px 32px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.v161-branch-body strong{font-size:clamp(38px,3.3vw,64px);max-width:570px;margin:14px 0 12px;line-height:.99}
.v161-branch-body strong em{font-weight:400;color:#e7b8b8}
.v161-branch-body a{margin-top:auto;align-self:stretch;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f6e9e65b;gap:10px}
.v161-branch-body a span{border:1px solid #fff9eb9e;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:17px}
.v16-founder-story{background:linear-gradient(117deg,#f9f6f1,#f1e6e0);padding-top:120px;padding-bottom:120px}
.v16-founder-layout{gap:clamp(40px,7vw,115px);align-items:center}
.v16-founder-photos{min-height:750px}
.v16-founder-main{border-radius:200px 200px 16px 16px;box-shadow:0 34px 65px rgba(68,18,24,.15)}
.v16-founder-note{right:0;bottom:6%;height:43%;width:43%;border-radius:12px;transform:rotate(6deg);box-shadow:0 25px 44px rgba(54,18,20,.24)}
.v161-founder-ticket{position:absolute;top:9%;right:0;max-width:44%;transform:rotate(5deg);padding:18px 22px;background:#812739;color:#fff0e9;box-shadow:0 10px 30px #44131f48}
.v161-founder-ticket span{font:700 9px var(--sans);letter-spacing:.18em}.v161-founder-ticket strong{font:italic 22px/1.1 var(--serif);display:block;margin-top:10px}
.v16-founder-copy h2{font-size:clamp(42px,4.5vw,77px)}
.v16-founder-copy h2 em{font-size:.68em}
.v161-founder-ref{font-style:italic;border-left:2px solid #9f4c57;padding:5px 0 5px 20px}
.v16-principles{padding-top:105px;padding-bottom:105px}
.v16-principles-grid article{border-radius:0;border:0;border-top:1px solid #c4a5a4;padding:27px 22px 29px;background:transparent;box-shadow:none;transition:background .45s,transform .45s}
.v16-principles-grid article:hover{background:#f7ebe7;transform:translateY(-5px)}
.v16-principles-grid article strong{font-size:clamp(28px,2.2vw,40px)}
.v16-about-cta{background:linear-gradient(110deg,#651927,#862537 62%,#47111d);border-radius:24px;color:#f9eee9;padding:55px clamp(24px,4vw,72px) 59px;margin:0 auto 95px;max-width:calc(100% - 2*var(--v15-gutter));position:relative;overflow:hidden}
.v16-about-cta:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,221,218,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,221,218,.11) 1px,transparent 1px);background-size:46px 46px;opacity:.4}
.v16-about-cta>*{position:relative}
.v16-about-cta h2 em{color:#f4c1c7}
.v16-about-cta p{font:18px/1.5 var(--serif);color:#f2dcd6;max-width:670px}
.v16-about-cta .v161-about-cta-line{display:flex;align-items:center;gap:15px;color:#ead1c8;font:10px var(--sans);margin-top:24px}
.v161-about-cta-line span{height:1px;width:140px;background:#e9b6b778}
.v16-about-cta .v15-solid-cta{background:#fcf5ef;color:#6d1f31}
.v16-about-cta .v16-ghost-cta{color:#fff0e8;border-color:#f6ded293;background:transparent}
/* Contact: layered photographic right panel, elevated card language and paper form */
.v16-contact-hero{background:linear-gradient(130deg,#f7f1ec,#f5ede5 48%,#ebe0d8);min-height:660px;position:relative}
.v16-contact-copy{position:relative;z-index:2}
.v16-contact-copy h1{font-size:clamp(49px,5.2vw,97px);line-height:1.025}
.v16-contact-copy h1 em{color:#9c3544}
.v16-contact-photo{min-height:590px;position:relative;isolation:isolate}
.v16-contact-photo:before{content:'';position:absolute;top:2%;right:0;width:90%;height:90%;border:1px solid #b57e8073;border-radius:48% 48% 18px 18px;transform:translate(18px,-10px);z-index:0}
.v16-contact-photo>img{object-position:center 27%;inset:18px 2% 16px 0;width:98%;height:96%;border-radius:46% 46% 20px 20px;border:6px solid #fff7f1;box-shadow:0 26px 60px #59252d30}
.v16-contact-badge{left:auto;bottom:40px;right:-3%;z-index:2;transform:rotate(-5deg);font-size:10px;padding:17px 21px}
.v161-contact-photo-label{position:absolute;right:-18px;top:28%;writing-mode:vertical-rl;letter-spacing:.26em;color:#814351;font:700 9px var(--sans)}
.v161-contact-photo-frame{position:absolute;left:-4%;top:16%;width:17px;height:17px;border-radius:50%;background:#fff5e6;box-shadow:0 0 7px 4px #ffe9d6,0 0 30px 13px rgba(249,204,169,.59);z-index:3;animation:v161-glimmer 4s ease-in-out infinite alternate}
.v161-contact-micro{font:700 9px var(--sans);letter-spacing:.2em;color:#966e70;margin-top:32px}
.v16-contact-details{padding-bottom:102px;background:#fbf8f3}
.v16-contact-cards{gap:0;border-top:1px solid #d9c6c1;border-bottom:1px solid #d9c6c1}
.v16-contact-cards article{border:0;border-right:1px solid #dac9c3;border-radius:0;background:transparent;box-shadow:none;padding:33px clamp(15px,3vw,55px) 28px;display:flex;flex-direction:column}
.v16-contact-cards article:last-child{border:0}
.v16-contact-cards article strong{font-size:clamp(22px,2.1vw,37px);overflow-wrap:anywhere}
.v16-contact-cards article a{margin-top:auto;padding-top:20px}
.v16-contact-form-wrap{padding-top:115px;padding-bottom:125px;background:radial-gradient(circle at 25% 20%,rgba(232,191,166,.3),transparent 33%),linear-gradient(110deg,#f5ece7,#fcf8f3 58%,#f2e4e0)}
.v16-contact-form-layout{align-items:center;gap:clamp(40px,7vw,120px)}
.v16-contact-form-copy h2{font-size:clamp(44px,4.8vw,83px)}
.v16-contact-form{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));padding:40px clamp(20px,3vw,55px) 34px;border-radius:13px;border:1px solid #d3afa7;box-shadow:0 23px 50px #49192223;background:#fffbf5;gap:22px 17px}
.v16-contact-form:before{content:'F / A';position:absolute;top:-28px;right:31px;padding:8px 23px;background:#732232;color:#fcf2ed;border-radius:10px 10px 0 0;font:700 9px var(--sans);letter-spacing:.21em}
.v161-form-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dcc9bf;padding-bottom:22px}
.v161-form-intro span{font:700 9px var(--sans);color:#9b5360;letter-spacing:.18em}
.v161-form-intro strong{font:italic clamp(18px,2vw,30px) var(--serif);color:#743746;font-weight:400}
.v16-contact-form label span{font-size:9px}
.v16-contact-form input,.v16-contact-form select,.v16-contact-form textarea{border-radius:5px;background:#fffdf9;border-color:#d8c7bf;padding:14px 15px;min-width:0;outline-offset:3px}
.v16-contact-form input:focus,.v16-contact-form select:focus,.v16-contact-form textarea:focus{outline:2px solid #a45e66}
.v16-contact-form textarea{min-height:145px}
.v16-contact-submit{border-top:1px solid #e0d3c9;padding-top:24px;align-items:flex-start}
.v16-contact-submit small{max-width:230px;font:11px/1.4 var(--sans)}
.v16-contact-cta{display:block;max-width:none;padding:103px var(--v15-gutter) 113px;background:#5b1625;color:#fff3ec}
.v16-contact-cta>div:first-child{max-width:1750px;margin:0 auto 26px}
.v16-contact-cta h2{font-size:clamp(44px,4.6vw,80px)}
.v16-contact-cta h2 em{color:#ecc0c0}
.v161-contact-routes{display:grid;max-width:1750px;margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v161-contact-route{position:relative;display:block;height:clamp(330px,30vw,490px);border-radius:15px;overflow:hidden;box-shadow:0 12px 30px #2d0c1938;background:#43161f;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.v161-contact-route:hover{transform:translateY(-7px)}
.v161-contact-route>img{height:100%;width:100%;object-fit:cover;filter:saturate(.85);transition:transform .9s}
.v161-contact-route:hover>img{transform:scale(1.085)}
.v161-contact-route:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,6,13,.9),rgba(30,6,13,0) 57%)}
.v161-contact-route>span{position:absolute;z-index:2;inset:auto 22px 24px;display:grid;grid-template-columns:1fr 35px;gap:8px;color:#fff2e8}
.v161-contact-route small{font:700 9px var(--sans);letter-spacing:.18em;grid-column:1}
.v161-contact-route strong{font:400 clamp(27px,3vw,47px)/1.05 var(--serif);grid-column:1}
.v161-contact-route i{width:34px;height:34px;border:1px solid #fff8ebac;border-radius:50%;display:grid;place-items:center;grid-row:2;grid-column:2;font:21px Georgia,serif;font-style:normal}
@keyframes v161-glimmer{0%{opacity:.6;filter:brightness(.8)}100%{opacity:1;filter:brightness(1.4)}}
/* Editorial animations, no content hidden if IntersectionObserver unavailable */
.v16-about-page [data-reveal],.v16-contact-page [data-reveal]{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.v16-about-page [data-reveal].v161-waiting,.v16-contact-page [data-reveal].v161-waiting{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}.v16-about-page [data-reveal].v161-waiting.v161-arrived,.v16-contact-page [data-reveal].v161-waiting.v161-arrived{opacity:1;transform:none}}
@media(max-width:1080px){.v16-about-hero,.v16-contact-hero{grid-template-columns:1fr 44%;gap:20px}.v16-about-hero-media,.v16-contact-photo{min-height:530px}.v16-about-copy h1,.v16-contact-copy h1{font-size:clamp(50px,5.5vw,78px)}.v16-founder-photos{min-height:600px}.v16-branch-card{min-height:540px}.v161-branch-image{height:240px}}
@media(max-width:900px){.v16-about-hero,.v16-contact-hero{grid-template-columns:1fr}.v16-about-hero-media,.v16-contact-photo{width:min(100%,640px);justify-self:center;min-height:570px}.v16-about-copy h1,.v16-contact-copy h1{font-size:clamp(48px,8vw,76px)}.v16-about-intro-grid{grid-template-columns:1fr;gap:18px}.v16-about-intro-grid>div:last-child{padding-left:22px}.v16-founder-layout{grid-template-columns:1fr}.v16-founder-photos{max-width:640px;width:100%;margin:auto}.v161-contact-routes{gap:10px}.v161-contact-route{height:350px}.v161-contact-route strong{font-size:30px}.v16-contact-form-layout{grid-template-columns:1fr}.v16-contact-form{max-width:690px;width:100%;margin:auto}}
@media(max-width:640px){.v16-about-hero,.v16-contact-hero{padding:55px 20px 65px}.v16-about-copy h1,.v16-contact-copy h1{font-size:clamp(41px,10vw,58px)}.v16-about-hero-media,.v16-contact-photo{min-height:390px}.v16-photo-large{inset:0 18% 0 3%}.v16-photo-small{width:43%;height:42%;bottom:8px}.v161-about-rail{font-size:7px}.v161-hero-star{font-size:34px}.v16-contact-photo:before{width:95%}.v161-contact-photo-label{right:4px}.v16-about-intro,.v16-branches,.v16-principles{padding:72px 18px}.v16-branches-head h2{font-size:50px}.v16-branch-grid{grid-template-columns:1fr}.v16-branch-card{min-height:0}.v161-branch-image{height:220px}.v161-branch-body{padding:21px}.v161-branch-body strong{font-size:42px}.v16-founder-story{padding:72px 18px}.v16-founder-photos{min-height:470px}.v161-founder-ticket{max-width:42%;padding:11px}.v161-founder-ticket strong{font-size:15px}.v16-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v16-principles-grid article{padding:17px 8px}.v16-principles-grid article strong{font-size:25px}.v161-about-manifesto{padding:53px 14px 59px}.v161-about-manifesto p{font-size:clamp(30px,7.2vw,44px)}.v161-manifesto-rule i{width:20px}.v16-about-cta{margin:0 17px 70px;max-width:none;border-radius:16px;padding:31px 23px}.v16-contact-cards{grid-template-columns:1fr}.v16-contact-cards article{padding:23px 7px;border:0;border-bottom:1px solid #d6c4be}.v16-contact-form-wrap{padding:74px 18px}.v16-contact-form{grid-template-columns:1fr;gap:16px}.v161-form-intro{display:block}.v161-form-intro strong{display:block;margin-top:10px}.v161-contact-routes{grid-template-columns:1fr;gap:14px}.v161-contact-route{height:260px}.v16-contact-cta{padding:65px 18px}.v16-contact-cta h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.v161-hero-star,.v161-contact-photo-frame{animation:none}.v16-photo-large img,.v161-branch-image img,.v161-contact-route>img,.v161-contact-route{transition:none}}
/* ==========================================================================
 FARFALLA V1.6.3 · Firma protagonista — official assets + premium burgundy
 Version scoped; do not alter existing approved Studio, Shinka, Life or Home artboards.
 ========================================================================== */
:root{--v163-wine:#67101b;--v163-dark:#360b17;--v163-red:#980e0e;--v163-gold:#edbaa1;--v163-paper:#faf6ef;--v163-grid:46px}
.site-header{min-height:92px;gap:clamp(12px,2vw,28px);padding:10px clamp(20px,4.6vw,80px);background:linear-gradient(105deg,rgba(252,249,244,.98),rgba(246,239,232,.98));border-bottom:1px solid rgba(127,61,55,.18);box-shadow:0 4px 25px rgba(82,33,35,.075);backdrop-filter:blur(14px)}
.site-header .logo{flex-shrink:0;line-height:0}
.site-header .logo img{width:clamp(168px,16.4vw,246px);height:auto;mix-blend-mode:normal!important;object-fit:contain}
.site-header nav{gap:clamp(11px,2vw,29px);margin-left:auto}
.site-header nav a{font:700 clamp(9px,.73vw,11px)/1.3 var(--sans);letter-spacing:.13em;color:#493238;transition:color .25s ease}
.site-header nav a:hover,.site-header nav a.is-current{color:#950f1c}
.v163-header-signature{position:relative;display:grid;place-items:center;flex:none;width:51px;height:51px;margin-left:4px;border:1px solid rgba(152,14,14,.38);border-radius:50%;background:#fff9f2;isolation:isolate;box-shadow:0 0 0 5px rgba(152,14,14,.035),0 5px 17px rgba(84,29,33,.10);transition:transform .35s ease,border-color .3s ease,box-shadow .3s ease}
.v163-header-signature img{width:23px;height:26px;object-fit:contain;position:relative;z-index:2}
.v163-header-signature-light{position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 255deg,rgba(239,154,127,.18) 281deg,#f9c9a9 310deg,rgba(239,154,127,.18) 332deg,transparent 350deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:v163-round-light 13s linear infinite}
.v163-header-signature:hover{transform:translateY(-2px);border-color:#aa4a4f;box-shadow:0 0 17px rgba(210,98,81,.29),0 7px 20px rgba(84,29,33,.17)}
@keyframes v163-round-light{to{transform:rotate(360deg)}}
/* Floating light marker — only on interior hero sections */
.v163-section-marker{position:absolute;z-index:7;left:clamp(21px,4.5vw,78px);bottom:12px;display:flex;align-items:center;gap:12px;color:#985967;font:700 9px/1.2 var(--sans);letter-spacing:.17em;pointer-events:none;text-transform:uppercase;opacity:.78;white-space:nowrap}
.v163-section-marker:before{content:'';display:block;width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(152,14,14,.32) 35%,rgba(152,14,14,.70) 80%,transparent)}
.v163-section-marker i{position:absolute;left:-3px;top:21px;width:7px;height:7px;background:#f9bc9c;border-radius:50%;box-shadow:0 0 9px 3px rgba(255,170,130,.6),0 0 23px 7px rgba(196,72,68,.25);animation:v163-beacon 3.7s ease-in-out infinite alternate}
@keyframes v163-beacon{0%{transform:translateY(-8px);opacity:.5}100%{transform:translateY(12px);opacity:1}}
.v163-marker-dark{color:#f8ded4}.v163-marker-dark:before{background:linear-gradient(180deg,transparent,#f2c4ad,transparent)}
/* Hero accent lighting: keep the original accepted architectural image and copy visible. */
body#farfalla-page-studio .v7-studio-hero{isolation:isolate}
body#farfalla-page-studio .v7-studio-hero:after{content:'';position:absolute;pointer-events:none;z-index:0;inset:0;background:radial-gradient(ellipse at 73% 23%,rgba(255,224,178,.19),transparent 37%),radial-gradient(ellipse at 29% 73%,rgba(250,233,211,.20),transparent 36%);mix-blend-mode:screen}
body#farfalla-page-studio .v7-studio-hero .v163-studio-aura{position:absolute;inset:5% 4% 7% -2%;pointer-events:none;z-index:4;border-radius:50%;border:1px solid rgba(252,193,150,.72);transform:rotate(-19deg) scale(.97);box-shadow:0 0 17px rgba(255,187,143,.28),inset 0 0 15px rgba(255,225,196,.14)}
body#farfalla-page-studio .v7-studio-hero .v163-studio-aura:after{content:'';position:absolute;right:7%;top:8%;width:10px;height:10px;border-radius:50%;background:#ffe1c7;box-shadow:0 0 9px 4px #ffcfa7,0 0 26px 11px rgba(255,166,123,.28);animation:v163-orbit-point 4s ease-in-out infinite alternate}
@keyframes v163-orbit-point{from{opacity:.55;transform:translate(-5px,8px)}to{opacity:1;transform:translate(5px,-8px)}}
body#farfalla-page-studio .v7-studio-hero .v7-studio-hero-text{z-index:5}
body#farfalla-page-life .v15-life-bookmark-mark.v163-life-signature{display:grid;place-items:center;border:1px solid rgba(255,234,222,.25);border-radius:50%;width:68px;height:68px;margin:17px auto 10px;background:rgba(255,250,241,.05);box-shadow:0 0 23px rgba(255,183,144,.22)}
body#farfalla-page-life .v163-life-signature img{width:36px;height:47px;object-fit:contain}
body#farfalla-page-universo .v161-about-manifesto{position:relative}
body#farfalla-page-universo .v163-about-seal{position:absolute;right:clamp(12px,5vw,72px);top:22px;z-index:2;transform:rotate(11deg);opacity:.86}
.v163-contact-brand{display:flex;align-items:center;gap:9px;padding:11px 15px!important}
.v163-contact-brand img{width:26px!important;height:44px!important;object-fit:contain}
.v163-contact-brand span{font:700 9px/1.5 var(--sans);letter-spacing:.17em}
.v163-portrait-seal{display:grid;place-items:center;text-align:center;border:none;background:transparent;width:112px;height:112px;left:-24px;top:8%}
.v163-portrait-seal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(104,27,38,.18))}
.v163-portrait-seal small{display:none}
/* Signature seal uses the exact official isotype; fine ring lettering is editorial framing */
.v163-signature-seal{position:relative;display:grid;place-items:center;width:126px;height:126px;border-radius:50%;background:linear-gradient(145deg,#fffaf3,#efddd1);color:#821827;box-shadow:inset 0 1px 4px #fff,0 0 1px 1px rgba(246,227,211,.45),0 15px 23px rgba(25,0,8,.18),0 0 21px rgba(255,197,163,.27);isolation:isolate}
.v163-signature-seal:after{content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;border:1px solid rgba(248,191,158,.60);box-shadow:0 0 11px rgba(255,192,158,.24),inset 0 0 7px rgba(255,203,164,.21)}
.v163-signature-seal>img{position:absolute;z-index:1;width:48px;height:58px;object-fit:contain}
.v163-seal-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.v163-seal-footer{background:linear-gradient(155deg,#fff6e8,#e8cabc);box-shadow:inset 0 1px 4px #fff,0 0 1px 1px rgba(246,227,211,.45),0 6px 25px rgba(25,0,8,.22),0 0 32px rgba(255,179,133,.37)}
.v163-about-seal .v163-signature-seal{width:104px;height:104px}
.v163-about-seal .v163-signature-seal>img{width:40px;height:50px}
/* Premium footer reuses the approved five-column navigation and authentic logo */
.v163-footer{position:relative;overflow:hidden;background:linear-gradient(114deg,#440913 0%,#67121d 42%,#4b0b17 80%,#3c0913 100%)!important;color:#fff0e6!important;border-top:1px solid #9f5454;isolation:isolate}
.v163-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 85% 0,rgba(165,54,52,.45),transparent 38%),radial-gradient(circle at 18% 100%,rgba(125,31,30,.28),transparent 36%),repeating-linear-gradient(90deg,rgba(255,226,207,.028) 0px,rgba(255,226,207,.028) 1px,transparent 1px,transparent 46px)}
.v163-footer-light-arc{position:absolute;z-index:1;pointer-events:none;right:-200px;top:-232px;width:660px;height:480px;border:1.5px solid rgba(255,192,154,.75);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 12px rgba(255,180,137,.55),0 0 45px rgba(255,159,130,.28),inset 0 0 18px rgba(255,196,156,.17)}
.v163-footer-light-arc:after{content:'';position:absolute;left:10%;bottom:20%;width:12px;height:12px;border-radius:50%;background:#fff4e6;box-shadow:0 0 10px 4px rgba(255,206,176,.8),0 0 26px 12px rgba(255,171,124,.37);animation:v163-footer-pulse 3.8s ease-in-out infinite alternate}
@keyframes v163-footer-pulse{from{opacity:.48;transform:scale(.7)}to{opacity:1;transform:scale(1.25)}}
.v163-footer-inner{position:relative;z-index:3;max-width:1840px;margin:auto;display:grid;grid-template-columns:minmax(220px,27%) minmax(0,1fr) 162px;gap:clamp(24px,3vw,54px);align-items:center;padding:45px clamp(24px,4vw,78px) 36px}
.v163-footer-brand>a{display:block;width:min(250px,90%)}
.v163-footer-brand img{width:100%;height:auto;filter:drop-shadow(0 0 6px rgba(255,227,214,.05))}
.v163-footer-brand p{font:italic clamp(13px,1.15vw,18px)/1.4 var(--serif);color:#f3cfc7;max-width:230px;margin:13px 0 0}
.v163-footer-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:start;position:relative}
.v163-footer-col{display:flex;flex-direction:column;gap:11px;min-width:0;padding:3px clamp(10px,1.4vw,23px);border-left:1px solid rgba(251,227,211,.25);min-height:117px}
.v163-footer-col:first-child{border-left:0}
.v163-footer-col strong{font:700 10px/1.2 var(--sans);letter-spacing:.17em;color:#f3bdac;margin-bottom:2px}
.v163-footer-col a,.v163-footer-col span{font:clamp(12px,1vw,15px)/1.16 var(--serif);color:#f9e9e3;text-decoration:none;overflow-wrap:anywhere;transition:color .2s ease,transform .2s ease}
.v163-footer-col a:hover{color:#ffd7b6;transform:translateX(3px)}
.v163-footer-seal-wrap{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:13px;position:relative;z-index:3}
.v163-footer-seal-wrap:before{content:'';position:absolute;top:-40px;bottom:-25px;left:50%;width:1px;background:linear-gradient(transparent,rgba(255,198,169,.42),transparent)}
.v163-footer-seal-wrap>span{font:700 9px var(--sans);letter-spacing:.18em;color:#f1ccbd;white-space:nowrap}
.v163-footer-bottom{position:relative;z-index:4;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px clamp(24px,4vw,78px);background:rgba(41,3,11,.45);border-top:1px solid rgba(251,216,198,.25)}
.v163-footer-bottom em{font:italic 13px/1.2 var(--serif);color:#e8c7bd}
.v163-footer-bottom>span{font:700 9px var(--sans);letter-spacing:.12em;color:#e2b7ac}
.v163-footer-bottom div{display:flex;align-items:center;gap:11px}
.v163-footer-bottom div span,.v163-footer-bottom div i{font:700 8px var(--sans);letter-spacing:.15em;color:#f0cbbf}
.v163-footer-bottom div span{cursor:help}
/* Premium copy-and-links for e.g. dossier/CTA, no structural changes */
.v15-solid-cta,.v7-button-wine{transition:box-shadow .3s,transform .3s,background .3s!important}
.v15-solid-cta:hover,.v7-button-wine:hover{box-shadow:0 0 22px rgba(206,75,67,.24),0 5px 15px rgba(97,13,31,.17);transform:translateY(-2px)}
/* Wrap and responsiveness */
@media (max-width:1350px){.v163-footer-inner{grid-template-columns:minmax(185px,23%) minmax(0,1fr) 126px;gap:18px;padding-inline:clamp(20px,3vw,45px)}.v163-footer-col{padding-inline:9px}.v163-footer-seal-wrap .v163-signature-seal{width:112px;height:112px}}
@media (max-width:1080px){.site-header .logo img{width:170px}.site-header nav{gap:12px}.site-header nav a{font-size:9px;letter-spacing:.07em}.v163-header-signature{width:43px;height:43px}.v163-footer-inner{grid-template-columns:1fr 118px;gap:20px}.v163-footer-brand{grid-column:1}.v163-footer-brand>a{width:230px}.v163-footer-nav{grid-column:1/-1;grid-row:2;gap:0;border-top:1px solid rgba(255,230,213,.25);padding-top:23px}.v163-footer-seal-wrap{grid-column:2;grid-row:1}.v163-footer-bottom{flex-wrap:wrap}}
@media (max-width:760px){.site-header{min-height:74px;top:35px;padding-inline:18px}.site-header nav{gap:8px}.site-header .logo img{width:162px}.v163-header-signature{width:37px;height:37px;margin-left:auto}.v163-header-signature img{width:18px;height:24px}.v163-section-marker{left:19px;bottom:8px;font-size:8px}.v163-footer-inner{padding:30px 20px 18px}.v163-footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px}.v163-footer-col:nth-child(4){border-left:0}.v163-footer-light-arc{right:-310px;top:-220px}.v163-footer-bottom{padding:15px 20px}.v163-about-seal{display:none}}
@media (max-width:560px){.v163-header-signature{width:38px;height:38px}.site-header .logo img{width:155px}.v163-footer-inner{grid-template-columns:1fr 96px;padding:26px 17px 16px;gap:14px}.v163-footer-brand>a{width:min(205px,100%)}.v163-footer-brand p{font-size:13px}.v163-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.v163-footer-col:nth-child(3),.v163-footer-col:nth-child(5){border-left:0}.v163-footer-col:nth-child(4){border-left:1px solid rgba(251,227,211,.25)}.v163-footer-col{min-height:0;padding:0 9px;gap:8px}.v163-footer-col strong{font-size:9px}.v163-footer-col a,.v163-footer-col span{font-size:13px}.v163-footer-seal-wrap .v163-signature-seal{width:89px;height:89px}.v163-footer-seal-wrap .v163-signature-seal>img{width:34px;height:42px}.v163-footer-seal-wrap>span{font-size:7px}.v163-footer-bottom{flex-direction:column;align-items:flex-start;gap:9px}.v163-footer-bottom em{font-size:11px}.v163-footer-bottom>span{font-size:8px}.v163-footer-light-arc{width:430px;height:280px;right:-235px;top:-95px}body#farfalla-page-life .v15-life-bookmark-mark.v163-life-signature{width:53px;height:53px}body#farfalla-page-life .v163-life-signature img{width:27px;height:34px}}
@media (prefers-reduced-motion:reduce){.v163-header-signature-light,.v163-section-marker i,.v163-studio-aura:after,.v163-footer-light-arc:after{animation:none!important}.v15-solid-cta:hover,.v7-button-wine:hover{transform:none}}

/* ===============================================================
   V1.6.4 · ajustes aprobados · no alterar la arquitectura anterior
   =============================================================== */
/* El sello visual se mantiene SIN rótulo redundante. */
.v163-footer-seal-wrap{gap:0}
.v163-footer-seal-wrap>span{display:none!important}
/* La firma oficial fa es un monograma vertical, nunca estirarla en 1:1. */
body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core img.v13-butterfly{
  object-fit:contain!important;object-position:center center!important;
  display:block;aspect-ratio:auto;max-width:72%!important;
  width:60px!important;height:66px!important;flex:0 0 66px!important;
  image-rendering:auto;filter:drop-shadow(0 0 4px rgba(255,213,198,.25));
}
body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core small{font-size:9px!important;letter-spacing:.12em!important;white-space:nowrap!important}
/* CTA editorial con fotografía real de interiores y materiales aprobada. */
body#farfalla-page-shinka .v7-shinka-last{background:linear-gradient(115deg,#fffefb 0%,#f8f5f1 100%)}
body#farfalla-page-shinka .v7-shinka-last .v7-last-photo{isolation:isolate;box-shadow:0 22px 55px rgba(66,31,31,.14);border-radius:48% 48% 18px 18px;transform:translateZ(0)}
body#farfalla-page-shinka .v7-shinka-last .v7-last-photo img{object-position:50% 50%;animation:none;transition:transform .7s ease,filter .7s ease}
body#farfalla-page-shinka .v7-shinka-last .v7-last-photo:hover img{transform:scale(1.035);filter:saturate(1.04)}
.v164-service-note{display:block;max-width:410px;line-height:1.52;opacity:1!important}
.v164-service-note a{color:#852333;text-decoration:underline;text-underline-offset:3px}
@media(max-width:750px){body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core img.v13-butterfly{height:48px!important;width:43px!important;flex-basis:48px!important}}
@media(max-width:430px){body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core img.v13-butterfly{height:41px!important;width:37px!important;flex-basis:41px!important}body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core small{font-size:6.5px!important;letter-spacing:.06em!important}}
@media(prefers-reduced-motion:reduce){body#farfalla-page-shinka .v7-shinka-last .v7-last-photo img{transition:none}}


/* V1.6.4.1 · Corrección solicitada: imagen REAL que subió la usuaria, sin recreación ni retoque */
body#farfalla-page-life .v15-life-hero-visual>img{object-fit:cover;object-position:center 69%;transform:none;animation:none}


/* FARFALLA · V1.7 CORRECCIONES APROBADAS */
.v7-portrait-seal.v163-portrait-seal{width:86px!important;height:92px!important;left:25px!important;top:9%!important;z-index:12!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:visible!important;}
.v7-portrait-seal.v163-portrait-seal img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(50,19,22,.19))!important;background:none!important;border:0!important;}
.v15-life-path{overflow:hidden;isolation:isolate;background:#43252a;}
.v15-life-path>img{display:block;width:100%!important;height:100%!important;inset:0!important;object-fit:cover!important;object-position:center center!important;transform:scale(1.045);}
.v15-life-path .v15-life-path-content{z-index:5}
.v15-life-path:before{display:none!important}
.v12-studio-epilogue{background:linear-gradient(145deg,#3c0c15 0%,#721d28 55%,#4b0f19 100%)!important;}
.v12-epi-hero{min-height:clamp(330px,30vw,540px)!important;padding-top:50px!important;background-size:54px 54px!important;}
.v12-epi-scene{opacity:.47!important;mix-blend-mode:normal!important;pointer-events:none;}
.v12-epi-scene img{position:absolute;right:0;left:auto;width:58%;height:100%;object-fit:cover;object-position:center 58%;filter:sepia(.25) saturate(.63) brightness(.77);mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 100%);}
.v12-epi-hero:after{content:'';position:absolute;right:7%;top:13%;width:28vw;height:28vw;max-width:470px;max-height:470px;border:1px solid rgba(250,209,184,.35);border-radius:50%;box-shadow:0 0 23px rgba(246,189,137,.22);pointer-events:none}
.v12-epi-grid{position:relative;z-index:2;gap:18px!important;}
.v12-epi-card{border-radius:18px!important;box-shadow:0 20px 42px rgba(20,0,9,.24)!important;background:linear-gradient(160deg,#74323c,#591e2b)!important;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .6s!important;}
.v12-epi-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(20,0,9,.35)!important;}
.v12-epi-card img{height:clamp(180px,19vw,315px)!important;object-fit:cover!important;}
.v12-epi-card h3{font-size:clamp(28px,2.25vw,40px)!important;}
/* the dark burgundy archive page is a separate, navigable view */
.v17-projects-view{min-height:100vh;background:#fbf8f4;color:#371b21;}
.v17-projects-hero{position:relative;padding:clamp(75px,7vw,125px) clamp(28px,5vw,94px) 42px;color:#fff6ee;background:radial-gradient(ellipse at 78% 10%,#8b3a44 0%,transparent 34%),linear-gradient(140deg,#421018,#6f1521 68%,#411017);overflow:hidden;display:grid;grid-template-columns:1.15fr .55fr;gap:30px 3vw;}
.v17-projects-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:54px 54px;}
.v17-projects-light{position:absolute;right:11%;top:5%;height:58vw;width:58vw;max-height:700px;max-width:700px;border:1px solid #ffd9b856;border-radius:50%;box-shadow:0 0 35px #e7ad8950;opacity:.65;pointer-events:none;}
.v17-projects-head,.v17-projects-headside,.v17-projects-filters,.v17-project-featured{position:relative;z-index:1;}
.v17-projects-overline{font:700 11px/1.2 var(--sans);letter-spacing:.19em;color:#eac5bd;}
.v17-projects-head h1{font:400 clamp(63px,7vw,135px)/.93 var(--serif);letter-spacing:-.06em;margin:17px 0 20px;}
.v17-projects-head h1 em{color:#eebac1;}
.v17-projects-head p{font:clamp(15px,1.3vw,19px)/1.55 var(--serif);max-width:665px;color:#eedbd6;}
.v17-projects-headside{align-self:center;justify-self:end;max-width:300px;color:#f0d8d0;font:clamp(17px,1.5vw,24px)/1.4 var(--serif);}
.v17-projects-filters{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 8px;}
.v17-projects-filters button{cursor:pointer;border:1px solid #ffd7c050;background:transparent;color:#fae8e0;padding:11px 24px;border-radius:999px;font:700 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s;}
.v17-projects-filters button:hover{transform:translateY(-2px)}
.v17-projects-filters button.is-active{background:#fff7f0;color:#6b1b25;border-color:#fff7f0;}
.v17-project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;min-height:420px;max-width:1600px;border-radius:21px;overflow:hidden;box-shadow:0 15px 35px #22080f55;}
.v17-project-featured-copy{background:#fffbf6;color:#411f26;padding:clamp(34px,5vw,80px);display:flex;flex-direction:column;justify-content:center;}
.v17-project-featured-copy small,.v17-project-card-info small{font:700 10px var(--sans);letter-spacing:.2em;color:#9b4151;}
.v17-project-featured-copy h2{font:400 clamp(42px,4vw,74px)/1.02 var(--serif);margin:24px 0 16px;letter-spacing:-.04em;}
.v17-project-featured-copy h2 em{color:#99212d;}
.v17-project-featured-copy p{font:clamp(16px,1.45vw,21px)/1.55 var(--serif);color:#796368;}
.v17-project-featured-copy a,.v17-project-card-info a,.v17-projects-outro a{align-self:flex-start;margin-top:24px;border-radius:999px;background:#861c28;color:#fff8f4;font:700 10px var(--sans);letter-spacing:.12em;padding:18px 25px;transition:transform .25s,box-shadow .25s;}
.v17-project-featured-copy a:hover,.v17-project-card-info a:hover,.v17-projects-outro a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6d172550;}
.v17-project-visual{position:relative;min-height:230px;overflow:hidden;background:linear-gradient(145deg,#70404a,#47131d);}
.v17-project-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:36px 36px;opacity:.14;pointer-events:none}
.v17-project-visual .v17-project-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:#fff5ed;text-align:center;padding:20px;}
.v17-project-loading i{font:italic 48px/1 var(--serif);opacity:.7;}
.v17-project-loading small{font:700 9px var(--sans);letter-spacing:.2em;opacity:.55;}
.v17-project-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:0;transition:opacity .55s;}
.v17-project-visual.is-loaded img{opacity:1;}
.v17-projects-results{max-width:1750px;margin:auto;padding:35px clamp(28px,5vw,94px) 90px;}
.v17-projects-status{font:600 12px var(--sans);color:#80545b;letter-spacing:.12em;margin-bottom:21px;}
.v17-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.v17-project-card{border:1px solid #e6d8d4;border-radius:17px;overflow:hidden;background:#fffaf5;box-shadow:0 8px 26px #3e151213;transition:transform .4s;}
.v17-project-card:hover{transform:translateY(-7px)}
.v17-project-card .v17-project-visual{height:280px;}
.v17-project-card-info{padding:25px 27px 31px;}
.v17-project-card-info h3{font:400 clamp(34px,2.6vw,46px)/1.1 var(--serif);margin:14px 0 11px;}
.v17-project-card-info p{font:15px/1.6 var(--serif);color:#7a6163;min-height:96px;}
.v17-project-card-info a{display:inline-block;margin-top:15px;background:none;padding:0;color:#8d2634;border-radius:0;border-bottom:1px solid;}
.v17-projects-outro{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;position:relative;min-height:320px;padding:56px clamp(28px,5vw,94px);background:#f5eae4;}
.v17-projects-outro span{font:700 10px var(--sans);color:#9c5260;letter-spacing:.2em}
.v17-projects-outro h2{font:400 clamp(40px,4vw,78px)/1 var(--serif);margin:20px 0 0;letter-spacing:-.045em}
.v17-projects-outro h2 em{color:#8f2632}
.v17-projects-outro p{max-width:260px;color:#765c62;font:17px/1.5 var(--serif)}
.v17-projects-outro a{grid-column:2;justify-self:start;margin:0}
#farfalla-back-to-top{position:fixed;right:clamp(16px,2.6vw,43px);bottom:clamp(20px,3.6vw,54px);z-index:9000;width:63px;height:63px;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;border:1px solid rgba(255,235,219,.7);border-radius:50%;background:linear-gradient(145deg,#7f1725,#4e101b);color:#fff9f3;cursor:pointer;box-shadow:0 8px 35px #32040f66,0 0 18px #ffc8a322;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s,visibility .3s,transform .3s;}
#farfalla-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
#farfalla-back-to-top span{font:32px/1 Georgia,serif;}
#farfalla-back-to-top small{font:700 7px var(--sans);letter-spacing:.16em}
#farfalla-back-to-top:hover{transform:translateY(-5px) scale(1.04)}
@media(max-width:1000px){.v17-projects-hero{grid-template-columns:1fr}.v17-projects-headside{justify-self:start;max-width:600px}.v17-project-featured{grid-template-columns:1fr}.v17-project-featured .v17-project-visual{height:370px}.v17-projects-grid{grid-template-columns:repeat(2,1fr)}.v17-projects-outro{grid-template-columns:1fr}.v17-projects-outro a{grid-column:auto}}
@media(max-width:640px){.v12-epi-scene img{width:100%;opacity:.5}.v12-epi-hero:after{display:none}.v17-projects-head h1{font-size:clamp(55px,13vw,80px)}.v17-projects-grid{grid-template-columns:1fr}.v17-project-featured .v17-project-visual{height:260px}.v17-projects-filters button{padding:10px 15px;font-size:9px}#farfalla-back-to-top{width:55px;height:55px;right:15px;bottom:20px}}
@media(prefers-reduced-motion:reduce){#farfalla-back-to-top,.v17-project-visual img{transition:none!important}}


/* FARFALLA V1.7.1 — responsive consolidation, preserves desktop layout and approved imagery */
@media (max-width: 1024px) {
  .view, .inner-page, .v7-page {max-width:100%;min-width:0}
  .v7-inner, .v17-projects-head, .v17-project-featured, .v17-projects-outro, .v16-about-hero, .v16-contact-hero {min-width:0}
  .v7-inner > *, .v17-project-featured > *, .v16-about-hero > *, .v16-contact-hero > * {min-width:0}
  .v17-projects-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .v17-project-featured {grid-template-columns:minmax(0,1fr)}
  .v17-projects-outro {grid-template-columns:minmax(0,1fr)}
  .v17-projects-outro a {grid-column:1}
  .v16-about-hero:after {width:min(440px,65vw);height:min(440px,65vw)}
  .v7-site-footer .v7-footer-top {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:60px 28px}
}
@media (max-width: 750px) {
  html {scroll-padding-top:72px}
  .site-header {min-height:64px;gap:12px;padding-inline:16px}
  .site-header .logo {min-width:0;flex-shrink:1}
  .site-header .logo img {max-width:clamp(116px,38vw,148px);height:auto}
  .site-header nav {max-width:100%;overscroll-behavior:contain}
  .bar {min-height:40px;padding:9px 45px 9px 12px;line-height:1.35}
  .mobile-first-screen {height:auto!important;min-height:100svh!important;padding-bottom:18px!important;overflow:hidden}
  .mobile-photohero {height:clamp(250px,43svh,390px)!important;min-height:0!important}
  .mobile-photohero .copy {max-width:100%;padding:0 8px}
  .mobile-photohero h1 {font-size:clamp(34px,10vw,67px)!important;overflow-wrap:anywhere}
  .mobile-photohero .headline {font-size:clamp(20px,5.8vw,29px)!important}
  .mobile-duo {height:clamp(120px,21svh,210px)!important;min-height:0}
  .mobile-duo img {height:100%!important;min-height:0}
  .mobile-cards.mobile-approved-folders {width:min(100%,560px);padding-inline:clamp(12px,4vw,24px)!important;gap:clamp(8px,3vw,18px);margin:-30px auto 0!important;align-items:start}
  .mobile-approved-folders .mobile-folder-link {min-width:0;max-width:100%;display:block}
  .mobile-approved-folders .mobile-folder-link img {display:block;width:100%;height:auto;max-width:100%;object-fit:contain;aspect-ratio:auto}
  .mobile-scroll-prompt {position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;margin:24px auto 8px!important;white-space:normal!important;text-align:center;padding:0 12px;max-width:100%}
  .mobile-editorial {padding:54px clamp(20px,6vw,45px)!important}
  .mobile-editorial h2 {font-size:clamp(36px,9vw,54px)!important}
  .below-home {padding-inline:clamp(18px,5vw,38px)!important}
  .editorial-row,.editorial-row.two-up {grid-template-columns:minmax(0,1fr)!important}
  .editorial-row .editorial-card:last-child {display:block}
  .v17-projects-hero {padding:58px 20px 30px!important}
  .v17-projects-head h1 {font-size:clamp(43px,11.5vw,78px)!important;line-height:1.02!important;overflow-wrap:break-word}
  .v17-projects-head p {font-size:16px!important}
  .v17-projects-headside {justify-self:start;max-width:100%}
  .v17-projects-filters {gap:8px}
  .v17-projects-filters button {padding:11px 13px!important;line-height:1.35;min-height:42px;letter-spacing:.07em!important}
  .v17-projects-results {padding:28px 20px 64px!important}
  .v17-projects-grid {grid-template-columns:minmax(0,1fr)!important;gap:18px}
  .v17-project-featured {grid-template-columns:minmax(0,1fr)!important;min-height:0}
  .v17-project-featured-copy {padding:30px 23px!important}
  .v17-project-featured-copy h2 {font-size:clamp(38px,10vw,62px)!important;overflow-wrap:break-word}
  .v17-project-featured .v17-project-visual {height:clamp(215px,62vw,370px)!important;min-height:0}
  .v17-project-card .v17-project-visual {height:clamp(220px,64vw,340px)}
  .v17-project-card-info {padding:23px 22px 28px}
  .v17-projects-outro {padding:50px 20px!important;gap:20px}
  .v17-projects-outro h2 {font-size:clamp(36px,9.5vw,60px)!important;overflow-wrap:break-word}
  .v17-projects-outro p {max-width:100%}
  .v16-about-hero,.v16-contact-hero {grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:50px 20px!important;min-height:0!important}
  .v16-about-hero-media,.v16-contact-photo {min-height:0!important;max-width:100%;width:100%;aspect-ratio:4/4.5}
  .v16-about-copy h1,.v16-contact-copy h1 {font-size:clamp(39px,10vw,65px)!important;overflow-wrap:break-word}
  .v15-life-hero {display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:0!important}
  .v15-life-hero-copy {padding:65px 22px 35px!important;min-width:0}
  .v15-life-hero h1 {font-size:clamp(42px,10.5vw,69px)!important;overflow-wrap:break-word}
  .v15-life-hero-visual {min-height:390px!important;max-height:640px}
  body#farfalla-page-studio .v7-studio-hero, body#farfalla-page-shinka .v7-shinka-hero {grid-template-columns:minmax(0,1fr)!important}
  body#farfalla-page-studio .v7-studio-hero-text h1 {font-size:clamp(44px,11vw,72px)!important;overflow-wrap:break-word}
  body#farfalla-page-shinka .v7-shinka-hero-text h1 {font-size:clamp(63px,17vw,118px)!important;overflow-wrap:break-word}
  body#farfalla-page-studio .v7-studio-hero-text,body#farfalla-page-shinka .v7-shinka-hero-text {min-width:0}
  .v7-site-footer .v7-footer-top {grid-template-columns:minmax(0,1fr);gap:32px;padding:52px 22px}
  #farfalla-back-to-top {width:48px!important;height:48px!important;right:12px!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
  #farfalla-back-to-top span {font-size:26px}
  #farfalla-back-to-top small {font-size:6px}
}
@media (max-width: 390px) {
  .mobile-header {padding-inline:14px;flex-wrap:wrap}
  .mobile-header .logo img {width:120px!important}
  .mobile-header button {font-size:10px!important}
  .v17-projects-head h1 {font-size:clamp(41px,11vw,60px)!important}
  .v17-projects-hero,.v17-projects-results {padding-left:16px!important;padding-right:16px!important}
  .v10-discipline-info {padding-inline:10px!important}
  .v10-discipline-stage .v7-shinka-tile {max-width:63px!important}
}
@media (prefers-reduced-motion:reduce) {
  .mobile-folder-link, .mobile-folder-link img, .v17-project-card {transition:none!important}
}

/* FARFALLA V1.7.2 — mobile refinements from screen recording, desktop unchanged */
@media (max-width: 750px) {
  html, body {width:100%;max-width:100%;overflow-x:clip}
  body#farfalla-page-studio, body#farfalla-page-shinka, body#farfalla-page-universo, body#farfalla-page-life, body#farfalla-page-proyectos, body#farfalla-page-contacto {width:100%;max-width:100%;overflow-x:clip}
  body#farfalla-page-studio *, body#farfalla-page-shinka *, body#farfalla-page-universo *, body#farfalla-page-life *, body#farfalla-page-proyectos *, body#farfalla-page-contacto * {box-sizing:border-box}
  body#farfalla-page-studio h1, body#farfalla-page-studio h2, body#farfalla-page-shinka h1, body#farfalla-page-shinka h2, body#farfalla-page-universo h1, body#farfalla-page-universo h2, body#farfalla-page-life h1, body#farfalla-page-life h2, body#farfalla-page-proyectos h1, body#farfalla-page-proyectos h2, body#farfalla-page-contacto h1, body#farfalla-page-contacto h2 {max-width:100%;text-wrap:balance;overflow-wrap:normal;word-break:normal}
  body#farfalla-page-studio p, body#farfalla-page-shinka p, body#farfalla-page-universo p, body#farfalla-page-life p, body#farfalla-page-proyectos p, body#farfalla-page-contacto p {max-width:100%;overflow-wrap:break-word}
  .v7-inner, .v16-about-copy, .v16-contact-copy, .v17-projects-head, .v17-projects-results, .v17-project-featured-copy {min-width:0;max-width:100%}
  body#farfalla-page-studio .v7-studio-hero-text h1 {font-size:clamp(41px,11vw,68px)!important;line-height:1.06!important;letter-spacing:-.045em!important}
  body#farfalla-page-shinka .v7-shinka-hero-text h1 {font-size:clamp(55px,16vw,93px)!important;line-height:1.01!important;letter-spacing:-.045em!important}
  .v16-about-copy h1, .v16-contact-copy h1 {font-size:clamp(38px,10.2vw,62px)!important;line-height:1.07!important}
  .v15-life-hero h1 {font-size:clamp(39px,10vw,61px)!important;line-height:1.08!important}
  .v17-projects-head h1 {font-size:clamp(43px,11vw,70px)!important;line-height:1.05!important;letter-spacing:-.045em!important}
  body#farfalla-page-shinka .v10-discipline-stage {width:100%;max-width:530px!important;height:660px!important;min-height:660px!important;overflow:hidden;isolation:isolate}
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-orbit {left:50%!important;top:33%!important;width:71%!important;height:35.2%!important;transform:translate(-50%,-50%) rotate(-8deg)!important}
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-tile {top:33%!important;width:clamp(51px,15%,75px)!important;max-width:75px!important;border-width:2px!important}
  body#farfalla-page-shinka .v10-discipline-stage .v8-orbit-core {top:33%!important;width:clamp(78px,22vw,106px)!important;height:clamp(78px,22vw,106px)!important}
  body#farfalla-page-shinka .v10-discipline-stage .v142-orbit-lights {top:33%!important;height:35.2%!important}
  body#farfalla-page-shinka .v10-discipline-info {position:absolute!important;top:auto!important;bottom:72px!important;left:5%!important;right:5%!important;width:auto!important;max-width:none!important;min-height:108px!important;padding:13px 16px!important}
  body#farfalla-page-shinka .v10-discipline-info strong {font-size:clamp(20px,6vw,26px)!important;line-height:1.1!important}
  body#farfalla-page-shinka .v10-discipline-info p {font-size:12px!important;line-height:1.42!important;margin:4px 0 0!important}
  body#farfalla-page-shinka .v7-shinka-stage-caption {left:5%!important;right:5%!important;bottom:13px!important;gap:7px!important}
  body#farfalla-page-shinka .v7-shinka-stage-caption > span {font-size:8px!important;line-height:1.35!important;letter-spacing:.06em!important;max-width:55%!important}
  body#farfalla-page-shinka .v7-shinka-stage-caption button {min-width:34px;min-height:34px}
  .v17-projects-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;align-items:stretch!important}
  .v17-projects-grid .v17-project-card:not([hidden]) {display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;height:auto!important;min-height:0!important}
  .v17-projects-grid .v17-project-card[hidden] {display:none!important}
  .v17-project-card .v17-project-visual {height:auto!important;aspect-ratio:4/3!important;min-height:220px!important;overflow:hidden}
  .v17-project-card .v17-project-visual img {width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  .v17-project-card-info p {min-height:0!important;margin-bottom:12px}
  .v17-project-card-info a {white-space:normal;line-height:1.4}
  .v17-projects-filters {width:100%;flex-wrap:wrap!important;align-items:flex-start!important}
  .v17-projects-filters button {flex:0 1 auto;max-width:100%}
  .v17-projects-outro {min-height:0!important}
}
@media (max-width:390px) {
  body#farfalla-page-shinka .v10-discipline-stage {height:640px!important;min-height:640px!important}
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-tile {width:clamp(46px,14.5%,59px)!important}
  body#farfalla-page-shinka .v10-discipline-info {bottom:68px!important}
}

/* V1.7.3 | Mobile visual QA: section labels, prompts, 3 full projects */
@media (max-width:750px){
  /* Each sectional index stays inside its own hero, before editorial content. */
  body#farfalla-page-studio .v7-studio-hero,body#farfalla-page-shinka .v7-shinka-hero{position:relative!important;padding-bottom:112px!important}
  body#farfalla-page-studio .v7-studio-hero .v163-section-marker,
  body#farfalla-page-shinka .v7-shinka-hero .v163-section-marker{position:absolute!important;left:20px!important;right:auto!important;bottom:69px!important;top:auto!important;transform:none!important;font-size:9px!important;max-width:calc(100% - 40px)!important;white-space:normal!important;letter-spacing:.12em!important}
  body#farfalla-page-studio .v7-studio-hero .v7-hero-scroll,
  body#farfalla-page-shinka .v7-shinka-hero .v7-shinka-scroll{position:absolute!important;left:20px!important;right:auto!important;top:auto!important;bottom:20px!important;transform:none!important;z-index:8!important;white-space:normal!important;max-width:calc(100% - 40px)!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.12em!important;padding:4px 0!important;text-align:left!important}
  body#farfalla-page-studio .v7-studio-hero .v7-hero-scroll{color:#693943!important}
  body#farfalla-page-shinka .v7-shinka-hero .v163-section-marker{color:#f5d8db!important}
  body#farfalla-page-shinka .v7-shinka-hero .v7-shinka-scroll{color:#fff3ed!important}
  /* Preserve a visible separation from the following full-bleed photograph. */
  body#farfalla-page-studio .v7-studio-hero>*:not(.v163-section-marker):not(.v7-hero-scroll),
  body#farfalla-page-shinka .v7-shinka-hero>*:not(.v163-section-marker):not(.v7-shinka-scroll){min-width:0}
  /* Three projects: deliberate sideways gallery instead of overlapping polaroids. */
  body#farfalla-page-studio .v7-fan-stage{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;align-items:stretch!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;margin:26px 0 0!important;padding:8px max(8px,calc((100% - 330px)/2)) 88px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:18px;perspective:none!important;-webkit-overflow-scrolling:touch}
  body#farfalla-page-studio .v7-fan-stage .v7-fan-card,
  body#farfalla-page-studio .v7-fan-stage.fan-open .v7-fan-card,
  body#farfalla-page-studio .v7-fan-stage .v7-fan-card.is-selected{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;display:flex!important;flex:0 0 min(78vw,330px)!important;width:min(78vw,330px)!important;max-width:none!important;height:clamp(300px,92vw,415px)!important;transform:none!important;transform-origin:center!important;opacity:1!important;visibility:visible!important;filter:none!important;z-index:1!important;scroll-snap-align:center!important;margin:0!important;border-radius:10px!important}
  body#farfalla-page-studio .v7-fan-stage .v7-fan-card img{flex:1 1 auto;min-height:0!important;object-fit:cover!important}
  body#farfalla-page-studio .v7-fan-stage .v7-fan-card span{flex:0 0 auto;line-height:1.35!important;overflow-wrap:anywhere}
  body#farfalla-page-studio .v7-fan-stage .v7-fan-controller{position:sticky!important;left:0!important;bottom:0!important;align-self:flex-end!important;flex:0 0 100%!important;min-width:calc(100vw - 50px)!important;transform:translateX(calc(-300% - 48px));display:none!important}
  body#farfalla-page-studio .v7-projects-cta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:22px!important;padding-top:26px!important}
  body#farfalla-page-studio .v7-projects-cta>a{max-width:100%;white-space:normal;text-align:center}
  #farfalla-back-to-top{width:48px!important;height:48px!important;right:10px!important;bottom:12px!important}
  #farfalla-back-to-top span{font-size:23px!important}
  #farfalla-back-to-top small{font-size:6px!important}
}
@media (max-width:390px){
  body#farfalla-page-studio .v7-studio-hero,body#farfalla-page-shinka .v7-shinka-hero{padding-bottom:120px!important}
  body#farfalla-page-studio .v7-studio-hero .v163-section-marker,body#farfalla-page-shinka .v7-shinka-hero .v163-section-marker{bottom:75px!important}
}


.far-project-intro{padding:65px max(24px,5vw);max-width:1450px;margin:auto}.far-project-intro>span,.far-small,.far-project-entry-top,.far-case-footer{font:600 11px/1.5 var(--sans,Arial);letter-spacing:.15em;color:#92575e}.far-project-intro h2{font:400 clamp(48px,6vw,95px)/1.05 var(--serif,Georgia);color:#51202a;margin:16px 0 20px}.far-project-intro h2 em{color:#a24e5c}.far-project-intro p{font:18px/1.65 var(--serif,Georgia);max-width:750px;color:#705760}.far-project-directory{max-width:1450px;padding:0 max(24px,5vw) 90px;margin:auto}.far-project-entry{border-top:1px solid #d8c9c3;padding:30px 0 70px;scroll-margin-top:80px}.far-project-entry-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.far-project-entry-hero{display:grid;grid-template-columns:.85fr 1.15fr;min-height:460px;background:#f2eae3;border-radius:20px;overflow:hidden}.far-project-entry-copy{padding:clamp(28px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.far-project-entry-copy h3{font:400 clamp(37px,4.2vw,66px)/1.08 var(--serif,Georgia);letter-spacing:-.035em;color:#4f222b;margin:20px 0}.far-project-entry-copy p{font:18px/1.6 var(--serif,Georgia);color:#6f5a5d}.far-project-entry-hero>a{display:block;min-height:400px}.far-project-entry-hero img{width:100%;height:100%;object-fit:cover;display:block}.far-open{display:inline-flex;margin-top:25px;font:700 11px var(--sans,Arial);letter-spacing:.1em;color:#812333;border-bottom:1px solid #812333;padding-bottom:10px}.far-project-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px 0;border-bottom:1px solid #e5d8d1}.far-project-detail p{font:20px/1.65 var(--serif,Georgia);color:#533b41;max-width:550px;margin:12px 0}.far-decisions{padding:28px 0 34px}.far-decisions ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:18px 0 0;padding:0}.far-decisions li{padding:13px 18px;border-radius:100px;background:#f4eae5;color:#6c3a43;font:13px/1.4 var(--sans,Arial)}.far-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.far-gallery>a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#e8dbd5}.far-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.far-gallery a:hover img{transform:scale(1.04)}.far-case-footer{display:flex;justify-content:space-between;gap:10px;padding-top:19px}.far-case-footer a{color:#8b2635;text-decoration:underline;text-underline-offset:4px}.v17-projects-status{display:none}@media(max-width:740px){.far-project-intro{padding:45px 22px}.far-project-directory{padding:0 18px 70px}.far-project-entry{padding:22px 0 48px}.far-project-entry-top{font-size:9px;flex-wrap:wrap}.far-project-entry-hero{grid-template-columns:1fr}.far-project-entry-copy{padding:29px 25px}.far-project-entry-copy h3{font-size:clamp(35px,10vw,52px)}.far-project-entry-copy p{font-size:17px}.far-project-entry-hero>a{min-height:0;height:310px}.far-project-detail{grid-template-columns:1fr;gap:10px;padding:26px 6px}.far-project-detail p{font-size:17px}.far-decisions li{font-size:11px}.far-gallery{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:10px}.far-gallery>a{flex:0 0 84%;aspect-ratio:4/3;scroll-snap-align:center}.far-case-footer{font-size:9px;flex-wrap:wrap}.far-project-intro h2{font-size:49px}}

.far-case-overlay[hidden],.far-case-overlay .far-project-entry[hidden]{display:none!important}.far-case-overlay{background:#f7f2ec;min-height:80vh;padding:28px clamp(18px,4vw,65px) 85px}.far-case-navigation{max-width:1360px;margin:auto;padding:20px 0 35px}.far-case-navigation button{appearance:none;background:none;border:0;border-bottom:1px solid #7a333f;color:#77303c;font:600 12px/1.6 Arial,sans-serif;letter-spacing:.14em;padding:13px 0;cursor:pointer}.far-case-overlay .far-project-entry{margin:0 auto;max-width:1360px}.v17-project-card .v17-project-visual[data-target]{cursor:pointer}.far-case-overlay .far-project-entry-top{padding-top:18px}@media(max-width:700px){.far-case-overlay{padding:18px 18px 62px}.far-case-overlay .far-project-entry{width:100%}.far-case-navigation{padding-bottom:12px}}

.v17-projects-view > .v17-projects-hero[hidden],.v17-projects-view > .v17-projects-results[hidden],.v17-projects-view > .v17-projects-outro[hidden],.v17-project-card[hidden]{display:none!important}

/* V1.7.6 — case pages: the details now belong inside body#farfalla-page-proyectos. */
body#farfalla-page-proyectos .far-case-overlay{display:block;min-height:0;padding-top:clamp(12px,2vw,26px);}
body#farfalla-page-proyectos .far-case-overlay[hidden]{display:none!important;}
body#farfalla-page-proyectos .far-project-entry{padding-top:0;border-top:0;}
body#farfalla-page-proyectos .far-case-navigation{padding-top:0;padding-bottom:clamp(15px,2vw,24px);}
body#farfalla-page-proyectos .far-project-entry-hero{margin-top:10px;}
@media(max-width:700px){body#farfalla-page-proyectos .far-case-overlay{padding:16px 17px 60px}body#farfalla-page-proyectos .far-project-entry-top{flex-wrap:wrap;gap:6px}body#farfalla-page-proyectos .far-project-entry-hero{min-height:0}}
/* Luminous wayfinding: replaces the former solid round back-to-top button. */
#farfalla-back-to-top{width:65px!important;height:91px!important;right:clamp(14px,2.5vw,38px)!important;bottom:max(15px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#7d3642!important;display:flex!important;flex-direction:column!important;gap:1px!important;align-items:center!important;justify-content:center!important;overflow:visible!important;cursor:pointer;}
#farfalla-back-to-top .far-light-stem{position:relative;display:block;width:2px;height:52px;flex:0 0 52px;background:linear-gradient(to top,transparent,rgba(148,78,69,.5),rgba(163,104,84,.15));font-size:0!important;}
#farfalla-back-to-top .far-light-halo{position:absolute;top:0;left:50%;height:38px;width:38px;transform:translate(-50%,-30%);border-radius:50%;background:radial-gradient(circle,rgba(255,245,211,.92) 0%,rgba(255,204,145,.43) 24%,rgba(255,194,149,.16) 50%,transparent 74%);filter:blur(3px);animation:far-light-breathe 3.2s ease-in-out infinite;}
#farfalla-back-to-top .far-light-core{position:absolute;left:50%;top:4px;transform:translateX(-50%);height:10px;width:10px;border-radius:50%;background:#ffdec0;box-shadow:0 0 5px 2px #ffead3,0 0 18px 7px rgba(255,181,123,.5);animation:far-light-rise 3.2s ease-in-out infinite;}
#farfalla-back-to-top small{font:600 8px/1.4 var(--sans,Arial)!important;letter-spacing:.17em!important;position:relative;text-shadow:0 1px 8px #fffaf4;}
#farfalla-back-to-top:hover{transform:translateY(-6px)!important;}
#farfalla-back-to-top:focus-visible{outline:2px solid #9e5e67!important;outline-offset:3px;border-radius:5px!important;}
@keyframes far-light-breathe{0%,100%{opacity:.65;transform:translate(-50%,-30%) scale(.75)}50%{opacity:1;transform:translate(-50%,-30%) scale(1.2)}}
@keyframes far-light-rise{0%,100%{top:7px;opacity:.83}50%{top:-5px;opacity:1}}
@media(max-width:700px){#farfalla-back-to-top{width:48px!important;height:78px!important;right:10px!important;}#farfalla-back-to-top .far-light-stem{height:45px;flex-basis:45px}}
@media(prefers-reduced-motion:reduce){#farfalla-back-to-top .far-light-halo,#farfalla-back-to-top .far-light-core{animation:none!important}}


/* V1.7.8 — integrated inquiry after each project */
.far-case-contact{max-width:1080px;margin:clamp(65px,9vw,135px) auto 0;padding:clamp(28px,5vw,70px);background:#f5efe8;border-top:1px solid rgba(104,46,55,.22)}
.far-case-contact-head{text-align:center;max-width:680px;margin:0 auto 42px;color:#552634}
.far-case-contact-head h3{font-family:Georgia,serif;font-size:clamp(31px,4.8vw,61px);line-height:1.1;font-weight:400;margin:17px 0}
.far-case-contact-head p{line-height:1.7}
.far-case-contact .v16-contact-form{max-width:800px;margin:0 auto;opacity:1;transform:none}
.far-case-contact .v16-contact-form label{min-width:0}
.far-case-contact .v16-contact-form select{max-width:100%;width:100%}
@media(max-width:650px){.far-case-contact{padding:30px 18px;margin-top:64px}.far-case-contact-head{margin-bottom:26px}.far-case-contact .v16-contact-form{display:grid;grid-template-columns:1fr;gap:16px}.far-case-contact .v16-contact-form label{grid-column:1/-1}}



/* FARFALLA V1.7.10 · animaciones editoriales aprobadas: Studio / pie / contacto */
@keyframes farfalla-halo-breathe{0%,100%{opacity:.48;filter:drop-shadow(0 0 2px rgba(255,196,148,.2))}50%{opacity:1;filter:drop-shadow(0 0 13px rgba(255,197,150,.68))}}
@keyframes farfalla-light-sweep{0%{offset-distance:0%;opacity:.05;transform:scale(.7)}8%,87%{opacity:1;transform:scale(1)}100%{offset-distance:100%;opacity:.05;transform:scale(.7)}}
@keyframes farfalla-spark-pulse{0%,100%{box-shadow:0 0 6px 2px rgba(255,217,184,.7),0 0 18px 7px rgba(252,180,129,.33)}50%{box-shadow:0 0 13px 5px rgba(255,245,210,.9),0 0 37px 15px rgba(255,177,126,.55)}}
/* Fotografía Studio: luz que recorre el arco, sin animar la imagen */
body#farfalla-page-studio .v7-hero-poster{isolation:isolate}
body#farfalla-page-studio .v7-poster-outline{animation:farfalla-halo-breathe 6.8s ease-in-out infinite}
body#farfalla-page-studio .farfalla-studio-tracer{position:absolute;inset:-23px 13px 25px -21px;z-index:4;pointer-events:none;transform:rotate(-4deg)}
body#farfalla-page-studio .farfalla-studio-tracer:before{content:'';display:block;position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:#fff4d9;offset-path:path('M 165 0 C 70 0 0 88 0 170 L 0 430 Q 0 510 80 510 L 630 510 Q 770 510 770 420 L 770 170 C 770 62 680 0 555 0 Z');offset-rotate:0deg;animation:farfalla-light-sweep 15s linear infinite,farfalla-spark-pulse 3s ease-in-out infinite}
/* Pie de página: respiración de la órbita y punto que viaja por el halo */
.v163-footer-light-arc{animation:farfalla-halo-breathe 7.5s ease-in-out infinite}
.v163-footer-light-arc .farfalla-footer-tracer{position:absolute;inset:0;pointer-events:none}
.v163-footer-light-arc .farfalla-footer-tracer:before{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid transparent;border-top-color:rgba(255,221,188,.72);animation:farfalla-footer-spin 22s linear infinite}
.v163-footer-light-arc .farfalla-footer-tracer:after{content:'';position:absolute;top:10%;left:11%;width:9px;height:9px;border-radius:50%;background:#fff6e9;box-shadow:0 0 10px 5px rgba(255,221,190,.85),0 0 28px 12px rgba(255,180,138,.35);animation:farfalla-spark-pulse 4s ease-in-out infinite}
@keyframes farfalla-footer-spin{to{transform:rotate(360deg)}}
/* Contacto: brillo sobre el marco existente y acento itinerante */
body#farfalla-page-contacto .v16-contact-photo{isolation:isolate}
body#farfalla-page-contacto .farfalla-contact-light{position:absolute;inset:-3% -3% 2% -4%;z-index:2;pointer-events:none;border:1px solid rgba(173,94,99,.23);border-radius:49% 49% 5% 5%/40% 40% 5% 5%;animation:farfalla-halo-breathe 8s ease-in-out infinite}
body#farfalla-page-contacto .farfalla-contact-light:before{content:'';position:absolute;left:5%;top:4%;width:10px;height:10px;border-radius:50%;background:#fff4db;box-shadow:0 0 10px 4px rgba(255,222,191,.9),0 0 30px 12px rgba(242,170,125,.38);animation:farfalla-contact-glide 12s ease-in-out infinite,farfalla-spark-pulse 3s ease-in-out infinite}
@keyframes farfalla-contact-glide{0%,100%{left:5%;top:4%;opacity:.35}35%{left:48%;top:-1%;opacity:1}65%{left:91%;top:15%;opacity:.9}85%{left:92%;top:55%;opacity:.35}}
@media(max-width:750px){body#farfalla-page-studio .farfalla-studio-tracer{display:none}body#farfalla-page-contacto .farfalla-contact-light{inset:0 0 4% 0}}
@media(prefers-reduced-motion:reduce){body#farfalla-page-studio .v7-poster-outline,body#farfalla-page-studio .farfalla-studio-tracer:before,.v163-footer-light-arc,.v163-footer-light-arc .farfalla-footer-tracer:before,.v163-footer-light-arc .farfalla-footer-tracer:after,body#farfalla-page-contacto .farfalla-contact-light,body#farfalla-page-contacto .farfalla-contact-light:before{animation:none!important}}



/* FARFALLA V1.7.11 · Ajustes puntuales aprobados */
/* Contacto: eliminar SOLO la línea exterior fina y sus luces; conservar el marco blanco de la fotografía. */
body#farfalla-page-contacto .v16-contact-photo::before,
body#farfalla-page-contacto .v161-contact-photo-frame,
body#farfalla-page-contacto .farfalla-contact-light { display:none!important; animation:none!important; }



/* FARFALLA V1.7.13 · Movimiento editorial cálido · 4 experiencias aprobadas */
:root{--v13-luz:#fbd6a3;--v13-luz-suave:#ffe8c9;--v13-luz-sombra:rgba(235,164,99,.27);--v13-motion:cubic-bezier(.22,.77,.22,1)}
/* 01 · Proceso Studio: línea viva, nodos con iluminación y despliegue */
.v7-studio-process .v7-track-line{height:3px;background:linear-gradient(90deg,#c6a6a0,#dabfb3);box-shadow:0 1px 8px rgba(157,85,54,.08);overflow:visible}
.v7-studio-process .v7-track-fill{position:relative;background:linear-gradient(90deg,#8f2934 0%,#b35a4b 62%,#f1b575 94%,#ffe3ae 100%);box-shadow:0 0 12px rgba(244,175,111,.45);transition:width .16s linear}
.v7-studio-process .v7-track-fill::after{content:"";position:absolute;top:50%;right:-7px;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff9ea 0 20%,#ffd9a2 38%,rgba(252,178,100,.28) 68%,transparent 75%);box-shadow:0 0 14px 4px rgba(243,176,109,.4);pointer-events:none;animation:v13-breathe 3s ease-in-out infinite}
.v7-studio-process .v7-track-step{transform-style:preserve-3d;transition:transform .45s var(--v13-motion),filter .45s ease,background .3s;outline-offset:5px}
.v7-studio-process .v7-track-step:hover,.v7-studio-process .v7-track-step:focus-visible,.v7-studio-process .v7-track-step.is-active{transform:perspective(950px) translateY(-7px) rotateX(3deg)}
.v7-studio-process .v7-track-step.v13-illuminated .v7-track-dot{background:#e8b68b;box-shadow:0 0 0 2px #8f2934,0 0 14px 5px rgba(254,206,145,.33)}
.v7-studio-process .v7-track-step.v13-illuminated .v7-track-dot::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(242,183,127,.44);animation:v13-breathe 3.5s ease-in-out infinite;pointer-events:none}
.v7-studio-process .v7-track-step:hover .v7-track-dot,.v7-studio-process .v7-track-step.is-active .v7-track-dot{background:#f5d2a4;box-shadow:0 0 0 2px #8f2934,0 0 24px 8px rgba(245,185,114,.4)}
.v7-studio-process .v7-process-detail.v13-detail-enter{animation:v13-detail-enter .52s var(--v13-motion) both}
@keyframes v13-detail-enter{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes v13-breathe{0%,100%{opacity:.7;filter:brightness(.92)}50%{opacity:1;filter:brightness(1.22)}}
/* 02 · Dossier Shinka: baraja de papel con profundidad, sin tocar las fichas aprobadas */
.v10-dossier .v10-dossier-display{--v13-rx:0deg;--v13-ry:0deg;transform:perspective(1100px) rotateX(var(--v13-rx)) rotateY(var(--v13-ry));transform-style:preserve-3d;transition:transform .65s var(--v13-motion);will-change:transform}
.v10-dossier .v10-dossier-layer{transition:transform .75s var(--v13-motion),box-shadow .7s ease;backface-visibility:hidden}
.v10-dossier .v10-dossier-layer-one{transform:translate3d(12px,-18px,-17px) rotate(8deg)}
.v10-dossier .v10-dossier-layer-two{transform:translate3d(-9px,-10px,-32px) rotate(-5deg)}
@media (hover:hover) and (pointer:fine){
 .v10-dossier .v10-dossier-display:hover .v10-dossier-layer-one{transform:translate3d(20px,-23px,-26px) rotate(10deg)}
 .v10-dossier .v10-dossier-display:hover .v10-dossier-layer-two{transform:translate3d(-16px,-14px,-43px) rotate(-7deg)}
 .v10-dossier .v10-dossier-display:hover .v10-dossier-main{box-shadow:0 34px 64px rgba(66,29,38,.29),0 0 37px rgba(250,199,153,.15)}
}
.v10-dossier .v10-dossier-main{backface-visibility:hidden;transform-style:preserve-3d;transition:box-shadow .55s ease,opacity .45s,transform .7s}
.v10-dossier .v10-dossier-display.v13-selected{animation:v13-dossier-select .58s var(--v13-motion)}
.v10-dossier .v10-dossier-tabs button{transition:background .35s,border-color .35s,box-shadow .4s,transform .35s}
.v10-dossier .v10-dossier-tabs button:focus-visible{outline:2px solid #f0b57a;outline-offset:3px}
.v10-dossier .v10-dossier-tabs button.is-active{box-shadow:0 0 0 1px rgba(246,182,123,.35),0 8px 22px rgba(85,28,39,.12)}
@keyframes v13-dossier-select{0%{filter:brightness(.98)}40%{filter:brightness(1.055)}100%{filter:brightness(1)}}
.v10-dossier .v10-dossier-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,rgba(255,231,194,.11) 55%,transparent 75%);pointer-events:none;opacity:.6;transition:opacity .6s}
.v10-dossier .v10-dossier-display:hover .v10-dossier-image-wrap::after{opacity:1}
/* 03 · Proyecto destacado: ventana con parallax leve y botón iluminado */
.v17-project-featured{isolation:isolate;--v13-photo-y:0px}
.v17-project-featured .v17-project-visual{isolation:isolate;overflow:hidden}
.v17-project-featured .v17-project-visual img{transform:translate3d(0,var(--v13-photo-y),0) scale(1.075);transform-origin:center;transition:transform .85s var(--v13-motion),opacity .55s;will-change:transform}
.v17-project-featured:hover .v17-project-visual img{transform:translate3d(0,var(--v13-photo-y),0) scale(1.105)}
.v17-project-featured .v17-project-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,rgba(255,229,189,.13),transparent 37%,rgba(73,27,34,.08));z-index:2;opacity:.55;transition:opacity .7s}
.v17-project-featured:hover .v17-project-visual::after{opacity:.95}
.v17-project-featured.v13-in-view .v17-project-featured-copy>*{animation:v13-editorial-in .72s var(--v13-motion) both}
.v17-project-featured.v13-in-view .v17-project-featured-copy>*:nth-child(2){animation-delay:.11s}
.v17-project-featured.v13-in-view .v17-project-featured-copy>*:nth-child(3){animation-delay:.19s}
.v17-project-featured.v13-in-view .v17-project-featured-copy>*:nth-child(4){animation-delay:.26s}
@keyframes v13-editorial-in{from{opacity:.45;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.v17-project-featured .v17-project-featured-copy a{position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .45s ease,transform .45s var(--v13-motion)}
.v17-project-featured .v17-project-featured-copy a:hover,.v17-project-featured .v17-project-featured-copy a:focus-visible{transform:translateY(-3px);box-shadow:0 8px 20px rgba(81,21,29,.27),0 0 24px rgba(246,178,111,.3)}
.v17-project-featured .v17-project-featured-copy a::after{content:"";position:absolute;top:-100%;left:-100%;height:300%;width:45%;transform:rotate(30deg);background:linear-gradient(90deg,transparent,rgba(255,226,178,.25),transparent);transition:left .8s ease;pointer-events:none}
.v17-project-featured .v17-project-featured-copy a:hover::after{left:145%}
/* 04 · Studio y Life: dos universos editoriales reactivos */
.below-home .editorial-row.two-up{perspective:1600px}
.below-home .editorial-row.two-up>.editorial-card{--v13-card-rx:0deg;--v13-card-ry:0deg;--v13-card-y:0px;--v13-card-scale:1;position:relative;isolation:isolate;transform:perspective(1200px) rotateX(var(--v13-card-rx)) rotateY(var(--v13-card-ry)) translateY(var(--v13-card-y)) scale(var(--v13-card-scale));transform-style:preserve-3d;transition:transform .57s var(--v13-motion),box-shadow .57s ease;will-change:transform}
.below-home .editorial-row.two-up>.editorial-card:first-child{--v13-halo:rgba(239,171,104,.25)}
.below-home .editorial-row.two-up>.editorial-card:nth-child(2){--v13-halo:rgba(214,144,163,.25)}
.below-home .editorial-row.two-up>.editorial-card:hover,.below-home .editorial-row.two-up>.editorial-card:focus-within{--v13-card-y:-7px;box-shadow:0 24px 55px rgba(75,33,44,.18),0 0 35px var(--v13-halo)}
.below-home .editorial-row.two-up>.editorial-card .media{transition:transform .8s var(--v13-motion),filter .8s;transform:scale(1.005);transform-origin:center;backface-visibility:hidden}
.below-home .editorial-row.two-up>.editorial-card:hover .media,.below-home .editorial-row.two-up>.editorial-card:focus-within .media{transform:scale(1.055);filter:brightness(1.035)}
.below-home .editorial-row.two-up>.editorial-card .body{transform:translateZ(8px)}
.below-home .editorial-row.two-up>.editorial-card.v13-leaving{--v13-card-scale:1.025;--v13-card-y:-9px;box-shadow:0 28px 64px rgba(73,28,39,.22),0 0 45px var(--v13-halo)}
/* Mobile: sin tilt ni scroll parallax para evitar saltos, mantiene tacto y luz cálida */
@media (hover:none), (pointer:coarse){
 .v10-dossier .v10-dossier-display{transform:none!important;will-change:auto}
 .below-home .editorial-row.two-up>.editorial-card{transform:none!important;will-change:auto}
 .below-home .editorial-row.two-up>.editorial-card:active{box-shadow:0 14px 30px rgba(74,31,41,.17),0 0 18px var(--v13-halo)}
 .v17-project-featured .v17-project-visual img{transform:scale(1.035)!important;will-change:auto}
}
@media(max-width:750px){
 .v7-studio-process .v7-track-fill::after{display:none}
 .v7-studio-process .v7-track-step:hover,.v7-studio-process .v7-track-step.is-active{transform:translateY(-3px)}
 .v17-project-featured.v13-in-view .v17-project-featured-copy>*{animation-duration:.5s}
}
@media(prefers-reduced-motion:reduce){
 .v7-studio-process .v7-track-fill::after,.v7-studio-process .v7-track-step.v13-illuminated .v7-track-dot::after{animation:none!important}
 .v7-studio-process .v7-track-step,.v7-studio-process .v7-track-step:hover,.v7-studio-process .v7-track-step.is-active{transform:none!important;transition:none!important}
 .v7-studio-process .v7-process-detail.v13-detail-enter,.v17-project-featured.v13-in-view .v17-project-featured-copy>*,.v10-dossier .v10-dossier-display.v13-selected{animation:none!important}
 .v10-dossier .v10-dossier-display,.v10-dossier .v10-dossier-layer,.below-home .editorial-row.two-up>.editorial-card{transform:none!important;transition:none!important;will-change:auto!important}
 .v17-project-featured .v17-project-visual img,.v17-project-featured:hover .v17-project-visual img,.below-home .editorial-row.two-up>.editorial-card .media{transform:none!important;transition:none!important;will-change:auto!important}
 .v17-project-featured .v17-project-featured-copy a::after{display:none}
}



/* FARFALLA V1.7.14 · Catalog access & meeting-request UX · Design system unchanged */
#site-nav .far-studio-menu{position:relative;display:inline-flex;align-items:center;gap:2px;isolation:isolate}
#site-nav .far-studio-menu>a{white-space:nowrap}
#site-nav .far-studio-expand{font:700 15px/1 system-ui,sans-serif;background:transparent;color:#6a2933;border:0;cursor:pointer;min-height:35px;min-width:27px;padding:0 5px;transition:transform .25s ease}
#site-nav .far-studio-menu.is-open .far-studio-expand{transform:rotate(180deg)}
#site-nav .far-studio-submenu{display:none;position:absolute;top:calc(100% + 8px);left:-10px;min-width:192px;padding:8px 16px;background:#fffbf7;border:1px solid #e3cfc4;border-radius:12px;box-shadow:0 15px 40px #3d13242b;z-index:100;flex-direction:column;align-items:stretch}
#site-nav .far-studio-submenu>a{display:block;line-height:1.4;padding:11px 4px;white-space:nowrap;color:#5b2830;text-decoration:none;font-size:12px}
#site-nav .far-studio-submenu>a:hover,#site-nav .far-studio-submenu>a:focus-visible{color:#912e3b;text-decoration:underline;text-underline-offset:5px}
#site-nav .far-studio-menu.is-open .far-studio-submenu{display:flex}
.far-meeting-inline{display:inline-flex;gap:12px;align-items:center;font:700 11px/1.4 var(--sans,system-ui);letter-spacing:.12em;text-transform:uppercase;color:#7b2633;text-decoration:none;border-bottom:1px solid #b8867e;padding:10px 0 7px;margin-top:18px;transition:color .25s,border-color .25s}
.far-meeting-inline:hover{color:#a6402f;border-color:#a6402f}
.far-cta-pair{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.far-meeting-outline{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:13px 21px;border:1px solid #99494b;border-radius:999px;background:#fffaf4;color:#6e2330;text-decoration:none;letter-spacing:.12em;font:700 10px/1.2 var(--sans,system-ui);text-transform:uppercase;transition:background .25s,transform .25s,box-shadow .25s}
.far-meeting-outline:hover{background:#f7e6db;transform:translateY(-2px);box-shadow:0 5px 20px #ab714330}
body#farfalla-page-shinka .far-shinka-booking{margin-left:8px}
body#farfalla-page-proyectos .v17-projects-outro .far-cta-pair{justify-content:flex-end}
body#farfalla-page-proyectos .v17-projects-outro .far-meeting-outline{color:#6e2330;background:#fffaf4;border:1px solid #99494b}
body#farfalla-page-contacto .v16-contact-form-wrap{scroll-margin-top:90px}
@media(min-width:681px) and (max-width:1250px){#site-nav{gap:clamp(7px,1.1vw,16px)!important}#site-nav>a,#site-nav .far-studio-menu>a{font-size:clamp(10px,.95vw,13px)!important}}
@media(max-width:680px){
 #site-nav .far-studio-menu{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;gap:3px;align-items:center}
 #site-nav .far-studio-menu .far-studio-main{flex:none}
 #site-nav .far-studio-expand{min-height:44px;min-width:44px;border:1px solid #e8d7ce;border-radius:10px;margin-left:auto}
 #site-nav .far-studio-submenu{position:static;flex-basis:100%;width:100%;box-shadow:none;background:#f8efe8;margin:3px 0 8px;min-width:0}
 #site-nav .far-studio-submenu>a{font-size:13px;padding:12px 8px}
 .far-meeting-inline{margin-top:10px}
 body#farfalla-page-shinka .far-shinka-booking{margin:10px 0 0}
 body#farfalla-page-proyectos .v17-projects-outro .far-cta-pair{justify-content:flex-start}
 .far-cta-pair{width:100%;align-items:stretch}
 .far-cta-pair>.far-meeting-outline{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.far-studio-expand,.far-meeting-outline,.far-meeting-inline{transition:none!important;transform:none!important}}


/* FARFALLA V1.7.15 · navegación cálida y relato Sobre Farfalla */
#site-nav .far-studio-expand{
 position:relative;display:inline-grid;place-items:center;
 width:34px;min-width:34px;height:36px;min-height:36px;
 padding:0!important;border:0!important;border-radius:50%!important;
 background:transparent!important;transform:none!important;
 isolation:isolate;overflow:visible;flex-shrink:0;
}
#site-nav .far-v15-nav-light{position:relative;display:block;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fffdf4 0 18%,#ffe4b5 33%,#efbc82 65%,#c8835f 100%);box-shadow:0 0 6px 2px rgba(255,227,180,.68),0 0 14px 6px rgba(239,168,110,.27);animation:farV15Glow 3.7s ease-in-out infinite;transition:transform .4s ease,box-shadow .4s ease;}
#site-nav .far-v15-nav-light::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(224,164,112,.36);border-radius:50%;opacity:.85;transition:transform .4s ease,opacity .4s ease;}
#site-nav .far-studio-expand:hover .far-v15-nav-light,#site-nav .far-studio-expand:focus-visible .far-v15-nav-light{transform:scale(1.18);box-shadow:0 0 7px 4px rgba(255,226,177,.75),0 0 24px 10px rgba(241,165,106,.30)}
#site-nav .far-studio-menu.is-open .far-v15-nav-light::after{transform:scale(1.4);opacity:1}
#site-nav .far-studio-expand:focus-visible{outline:2px solid #a45b50!important;outline-offset:3px}
@keyframes farV15Glow{0%,100%{opacity:.78;box-shadow:0 0 5px 2px rgba(255,227,180,.55),0 0 12px 4px rgba(239,168,110,.18)}50%{opacity:1;box-shadow:0 0 8px 3px rgba(255,227,180,.82),0 0 19px 8px rgba(239,168,110,.34)}}
.far-v15-shinka-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin-top:22px;max-width:100%}
.far-v15-shinka-actions-primary{display:flex;align-items:center;flex-wrap:wrap;gap:14px;max-width:100%}
body#farfalla-page-shinka .far-v15-shinka-actions .far-shinka-booking{margin:0!important;white-space:normal;text-align:center;background:transparent}
body#farfalla-page-shinka .far-v15-shinka-actions .v7-button{margin:0!important;max-width:100%;white-space:normal;text-align:center}
body#farfalla-page-shinka .far-v15-explore-projects{margin:0!important;width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:8px}
body#farfalla-page-universo .far-v15-philosophy{max-width:940px;margin-top:28px;margin-bottom:34px;border-left:2px solid #bb8174;padding:4px 0 4px clamp(19px,2vw,31px)}
body#farfalla-page-universo .far-v15-philosophy>span{display:block;color:#872f3d;font:700 10px/1.6 var(--sans,system-ui);letter-spacing:.18em;margin-bottom:10px}
body#farfalla-page-universo .far-v15-philosophy p{font:400 clamp(16px,1.28vw,19px)/1.75 var(--serif,Georgia,serif);color:#5b4242;max-width:840px;margin:0}
body#farfalla-page-universo .v16-founder-copy p{max-width:650px}
@media(max-width:720px){
 #site-nav .far-studio-expand{margin-left:auto!important;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
 body#farfalla-page-shinka .far-v15-shinka-actions{gap:14px}
 body#farfalla-page-shinka .far-v15-shinka-actions-primary{gap:10px;width:100%}
 body#farfalla-page-shinka .far-v15-shinka-actions-primary>a{flex:1 1 auto;min-width:0;line-height:1.45}
 body#farfalla-page-universo .far-v15-philosophy{margin-top:20px;margin-bottom:25px}
 body#farfalla-page-universo .far-v15-philosophy p{font-size:16px;line-height:1.6}
}
@media(max-width:390px){body#farfalla-page-shinka .far-v15-shinka-actions-primary{flex-direction:column;align-items:stretch}body#farfalla-page-shinka .far-v15-shinka-actions-primary>a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){#site-nav .far-v15-nav-light{animation:none!important;transition:none!important}#site-nav .far-v15-nav-light::after{transition:none!important}}

/* V1.7.17 · independent, crawlable pages; approved composition stays unchanged */
body#farfalla-page-proyectos #far-static-case{display:block;min-height:0;padding-top:clamp(12px,2vw,26px)}
body#farfalla-page-proyectos #far-static-case .far-project-entry{display:block;border-top:0;padding-top:0}
body#farfalla-page-proyectos #far-static-case .far-case-navigation>a{display:inline-block;padding:12px 0;color:#77303c;border-bottom:1px solid #7a333f;font:600 12px/1.6 Arial,sans-serif;letter-spacing:.12em}
body#farfalla-page-proyectos #far-static-case .far-project-entry-hero{margin-top:10px}
body#farfalla-page-proyectos #far-static-case .far-project-entry-copy h1{font:400 clamp(37px,4.2vw,66px)/1.08 var(--serif,Georgia);letter-spacing:-.035em;color:#4f222b;margin:20px 0}
.v17-editorial-intro{padding:clamp(50px,7vw,110px) max(24px,5vw) 22px;background:#f9f8f5}
.v17-editorial-intro span{font:700 11px Arial;letter-spacing:.2em;color:#8b273c}.v17-editorial-intro h1{font:400 clamp(42px,6vw,80px)/1.1 Georgia,serif;margin:20px 0}.v17-editorial-intro p{font:17px/1.6 Georgia,serif;color:#765d55;max-width:760px}
@media(max-width:700px){body#farfalla-page-proyectos #far-static-case{padding:16px 17px 60px}}

/* V1.7.22 — Cloudflare multipágina: etiquetas de capítulo y prompt separados. */
.v7-shinka-hero .v163-section-marker,
.v7-studio-hero .v163-section-marker {bottom:80px !important;}
.v7-shinka-hero .v7-shinka-scroll {bottom:24px !important;}
.v7-studio-hero .v7-hero-scroll {bottom:24px !important;}
@media (max-width:750px){
 .v7-shinka-hero,.v7-studio-hero{padding-bottom:max(125px, 12vh) !important;}
 .v7-shinka-hero .v163-section-marker,.v7-studio-hero .v163-section-marker{left:20px!important;bottom:83px!important;right:auto!important;top:auto!important;white-space:normal;max-width:calc(100% - 40px);}
 .v7-shinka-hero .v7-shinka-scroll,.v7-studio-hero .v7-hero-scroll{left:20px!important;right:auto!important;bottom:23px!important;top:auto!important;transform:none!important;white-space:normal;max-width:calc(100% - 40px);}
}


/* V1.7.23 / Cloudflare: navigation anchored at the top of each multipage view.
   The old sticky .site-header was constrained by its one-header-tall wrapper. */
#inner-header{display:block!important;position:sticky!important;top:0!important;left:0;right:0;z-index:8000!important;width:100%;isolation:isolate}
#inner-header[hidden]{display:block!important}
#inner-header>.site-header{position:relative!important;top:0!important;z-index:1;max-width:none}
/* Do not let the floating notice compete with the navigation */
#prototypebar{display:none!important}
/* Clickable legal footer links inherit the prior editorial styling. */
.v163-footer-bottom>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v163-footer-bottom>div a{color:inherit;text-decoration:none;display:inline-block;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.v163-footer-bottom>div a:hover,.v163-footer-bottom>div a:focus-visible{color:#ffe7cb;border-color:currentColor}
/* Legal editorial pages; layout deliberately contained to avoid changes elsewhere. */
.far-legal-main{background:#faf7f2;color:#392329;min-height:65vh;padding:clamp(45px,7vw,100px) clamp(18px,4vw,56px) clamp(80px,8vw,125px)}
.far-legal-shell{width:min(100%,1040px);margin:0 auto}
.far-legal-eyebrow{font:700 11px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.18em;color:#8d3944;text-transform:uppercase;margin-bottom:24px}
.far-legal-main h1{font:400 clamp(50px,6vw,83px)/1.04 var(--serif,Georgia,serif);letter-spacing:-.035em;color:#421d28;margin:0 0 20px}
.far-legal-main .far-legal-lead{font:400 clamp(19px,2.2vw,25px)/1.5 var(--serif,Georgia,serif);color:#64464b;max-width:850px;margin:0 0 40px}
.far-legal-main .far-legal-draft{padding:18px 22px;border-left:3px solid #9c5d45;background:#f2e9df;color:#643e3d;border-radius:0 8px 8px 0;margin-bottom:40px;font:14px/1.6 var(--sans,Arial,sans-serif)}
.far-legal-main h2{font:400 clamp(27px,3vw,37px)/1.2 var(--serif,Georgia,serif);color:#48232c;margin:42px 0 12px}
.far-legal-main p,.far-legal-main li{font:400 clamp(15px,1.5vw,17px)/1.75 var(--sans,Arial,sans-serif);color:#5c4b49}
.far-legal-main ul{padding-left:22px;margin:14px 0 26px}
.far-legal-main strong{color:#4a2931}
.far-legal-main a{text-decoration:underline;text-underline-offset:3px;color:#792936}
.far-legal-main .far-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.far-legal-main .far-legal-tile{padding:18px 22px;background:#f4ece5;border:1px solid #e4d4cb;border-radius:12px;font:15px/1.6 var(--sans,Arial,sans-serif)}
.far-form-privacy-note{margin:10px 0 18px;color:#775c59;font:12px/1.5 var(--sans,Arial,sans-serif)}.far-form-privacy-note a{color:#812b35;text-decoration:underline;text-underline-offset:3px}
.far-legal-main .far-legal-updated{border-top:1px solid #d8c3ba;padding-top:24px;margin-top:55px;color:#907e78;font-size:13px}
@media(max-width:650px){.far-legal-main .far-legal-grid{grid-template-columns:1fr}.far-legal-main{padding-top:44px}.far-legal-main .far-legal-draft{padding:14px 16px}}


/* FARFALLA V1.7.24 · Restauración de entrada y cabecera en Cloudflare.
   El rótulo blanco reutiliza los píxeles del arte de portada aprobado,
   sin requerir que Horizon esté instalada en el navegador visitante. */
.far-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#farfalla-page-home .mobile-header{display:none!important}
#farfalla-page-home .mobile-photohero h1.far-home-wordmark{display:block;max-width:min(87vw,470px);width:100%;height:auto;margin:14px auto 10px;padding:0;font-size:0;line-height:0;overflow:visible}
#farfalla-page-home .mobile-photohero h1.far-home-wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 7px rgba(20,24,16,.3))}
#farfalla-page-home .mobile-photohero{background-color:#263b2f;position:relative;overflow:hidden;isolation:isolate}
#farfalla-page-home .mobile-photohero::before{content:'';position:absolute;inset:-4%;z-index:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(4,29,18,.34),rgba(25,18,13,.25)),url('../media/Farfalla-Marca-Fondo-Introduccion-01.webp') center 55%/cover no-repeat;
 transform-origin:center;animation:far-mobile-cinema 13s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform}
#farfalla-page-home .mobile-photohero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 63% 30%,rgba(255,205,140,.18),transparent 58%),linear-gradient(0deg,rgba(9,35,21,.32),transparent 75%);animation:far-warm-glow 10s ease-in-out infinite alternate}
#farfalla-page-home .mobile-photohero .copy{position:relative;z-index:2}
@keyframes far-mobile-cinema{0%{transform:scale(1.03) translate3d(-1.5%,1%,0)}100%{transform:scale(1.16) translate3d(1.2%,-2%,0)}}
@keyframes far-warm-glow{0%{opacity:.44}100%{opacity:.92}}
/* Intro solo en primera apertura de una sesión, con una cámara de desplazamiento
   un poco más perceptible. El visitante siempre puede saltarla con el botón Entrar. */
.intro[hidden]{display:none!important}
.intro .cinema{animation:far-intro-cinema 6.5s cubic-bezier(.24,.06,.22,1) both}
@keyframes far-intro-cinema{0%{transform:scale(1.2) translate3d(-2%,1%,0);filter:saturate(.92)}100%{transform:scale(1.03) translate3d(1%,-1%,0);filter:saturate(1.06)}}
.intro .mobile-intro-copy .word.far-intro-wordmark{width:min(86vw,410px);height:auto;max-width:100%;display:block;margin:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.38))}
@media(max-width:960px){
 .intro{background:#12291d}
 .intro::before{content:'';position:absolute;inset:-6%;pointer-events:none;background:linear-gradient(0deg,rgba(10,30,18,.4),rgba(18,31,14,.15)),url('../media/Farfalla-Marca-Fondo-Introduccion-01.webp') center 55%/cover no-repeat;animation:far-intro-cinema 6.5s cubic-bezier(.24,.06,.22,1) both}
 .intro .cinema{display:none!important}
 .intro .mobile-intro-copy{z-index:3}
}
/* Sticky on the wrapper, rather than the header whose parent has only one child. */
body > #inner-header{position:sticky!important;top:0!important;z-index:90!important;isolation:isolate}
body > #inner-header .site-header{position:relative!important;top:0!important;z-index:1!important}
@media(prefers-reduced-motion:reduce){
 #farfalla-page-home .mobile-photohero::before,.intro::before,.intro .cinema,#farfalla-page-home .mobile-photohero::after{animation:none!important;transform:none!important}
}
/* Avoid the duplicated faux navbar embedded as a separate graphic in the Home artwork.
   Keep the real, accessible sticky header; restore the original artboard positioning. */
body#farfalla-page-home .v09-home-nav{display:none!important}

/* FARFALLA 1.7.25 - correction of mobile principles collision */
.v16-principles-grid > article{min-width:0;box-sizing:border-box}
.v16-principles-grid > article strong{overflow-wrap:break-word;hyphens:auto}
@media (max-width: 767px){
 .v16-principles-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 .v16-principles-grid>article{width:100%;min-width:0;padding:22px 12px 26px!important;transform:none!important}
 .v16-principles-grid>article strong{font-size:clamp(27px,7.3vw,37px)!important;line-height:1.16;letter-spacing:-.035em;overflow-wrap:anywhere}
 .v16-principles-grid>article p{max-width:42ch;font-size:clamp(16px,4.5vw,19px);line-height:1.55}
}
@media (min-width:768px) and (max-width:1180px){
 .v16-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v16-principles-grid>article strong{font-size:clamp(28px,3.2vw,35px)}
}
/* Sticky-navigation anchor offset */
html{scroll-padding-top:100px}

/* FARFALLA V1.7.32 — Diario editorial conectado con Substack. */
#view-life .far-diary-section{min-height:44vh;padding-top:clamp(32px,6vw,92px);padding-bottom:clamp(64px,9vw,140px)}
#view-life .far-diary-coming{max-width:900px;margin:0 auto;text-align:center;padding:clamp(40px,7vw,100px) clamp(20px,4vw,54px);background:linear-gradient(140deg,rgba(251,246,240,.85),rgba(247,232,224,.45));border:1px solid rgba(121,67,75,.19);border-radius:clamp(22px,3vw,36px);box-shadow:0 18px 58px rgba(66,36,43,.06)}
#view-life .far-diary-coming .v15-eyebrow{display:block;margin-bottom:28px;letter-spacing:.19em;color:#875766}
#view-life .far-diary-coming h2{font-family:'The Seasons',Georgia,serif;font-size:clamp(2.7rem,6vw,5.8rem);font-weight:400;color:#5a2734;line-height:1.06;margin:0 0 25px}
#view-life .far-diary-coming h2 em{font-weight:400}
#view-life .far-diary-coming p{font-family:Poppins,Arial,sans-serif;font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.85;color:#70575b;max-width:680px;margin:14px auto}
#view-life .far-diary-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;background:#7c2a3d;color:#fff;border-radius:999px;padding:16px 30px;margin-top:24px;font-family:Poppins,Arial,sans-serif;letter-spacing:.08em;font-size:.9rem;transition:transform .25s,background .25s}
#view-life .far-diary-cta:hover,#view-life .far-diary-cta:focus-visible{background:#9b4555;transform:translateY(-2px)}
#view-life .far-diary-feed{max-width:1260px;margin:60px auto 0;padding:0 clamp(16px,4vw,44px)}
#view-life .far-diary-feed[hidden]{display:none!important}
#view-life .far-diary-feed h2{font-family:'The Seasons',Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);color:#5a2734;font-weight:400;margin:12px 0 36px}
#view-life .far-diary-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#view-life .far-diary-post{background:rgba(255,252,250,.92);border:1px solid rgba(121,67,75,.19);border-radius:18px;padding:25px 23px;min-width:0}
#view-life .far-diary-post small{font-family:Poppins,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#9b5e6b}
#view-life .far-diary-post h3{font-family:'The Seasons',Georgia,serif;font-size:clamp(1.4rem,2vw,2rem);font-weight:400;line-height:1.2;color:#522631;margin:14px 0}
#view-life .far-diary-post p{font-family:Poppins,Arial,sans-serif;font-size:.87rem;color:#715e60;line-height:1.6;margin-bottom:20px}
#view-life .far-diary-post a{color:#802c42;font-family:Poppins,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){#view-life .far-diary-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#view-life .far-diary-feed-grid{grid-template-columns:1fr}#view-life .far-diary-coming{padding:48px 20px}#view-life .far-diary-coming h2{font-size:clamp(2.4rem,12vw,3.8rem)}}


/* FARFALLA V1.7.33 — responsive guardrails for review branch only.
   Scoped, additive fixes; preserves approved photography and desktop compositions. */
@media (max-width: 1180px) {
  .far-legal-main, .far-legal-shell, .far-legal-main section { min-width: 0; }
  .far-legal-main p, .far-legal-main li, .far-legal-main a { overflow-wrap: anywhere; }
  #view-life .far-diary-feed-grid > *, .v16-principles-grid > * { min-width: 0; }
}
@media (max-width: 767px) {
  .far-legal-main { padding-inline: clamp(16px, 4.5vw, 28px); }
  .far-legal-main h1 { font-size: clamp(38px, 11vw, 58px); overflow-wrap: anywhere; }
  .far-legal-main h2 { font-size: clamp(25px, 7vw, 34px); overflow-wrap: anywhere; }
  .far-legal-main .far-legal-draft { overflow-wrap: anywhere; }
  #view-life .far-diary-feed { margin-top: 36px; }
  #view-life .far-diary-coming { max-width: 100%; }
  #view-life .far-diary-cta { max-width: 100%; box-sizing: border-box; text-align: center; white-space: normal; }
  .v17-editorial-intro { padding-inline: max(16px, 4vw); }
  .v17-editorial-intro h1 { font-size: clamp(34px, 9vw, 58px); overflow-wrap: anywhere; }
}
@media (max-width: 390px) {
  #view-life .far-diary-coming { padding: 36px 16px; }
  #view-life .far-diary-cta { padding-inline: 18px; font-size: .82rem; }
  .far-legal-main .far-legal-tile { padding: 16px; }
}

/* FARFALLA V1.7.34 — tablet vertical QA: readable navigation and Shinka controls.
   Keep desktop >=851px and mobile <=700px unchanged. */
@media (min-width:701px) and (max-width:850px) {
  .site-header {position:relative;min-height:70px;padding:8px 18px;gap:12px;}
  .site-header .logo img {width:clamp(150px,23vw,185px);}
  .site-header .nav-toggle {display:block;min-height:44px;flex-shrink:0;margin-left:auto;color:#431d21;}
  .site-header nav {
    display:none;position:absolute;top:100%;left:0;right:0;width:100%;
    max-height:calc(100dvh - 82px);overflow-y:auto;
    flex-direction:column;align-items:stretch;gap:0;padding:14px 25px 23px;
    background:#faf6ee;border-bottom:1px solid #dac5bc;
    box-shadow:0 16px 28px rgba(46,26,26,.12);z-index:100;
  }
  .site-header nav.open {display:flex;}
  .site-header nav>a {display:block;padding:13px 0;font-size:13px!important;line-height:1.4;}
  #site-nav .far-studio-menu {display:flex;flex-wrap:wrap;width:100%;align-items:center;gap:4px;}
  #site-nav .far-studio-menu .far-studio-main {flex:1 1 auto;padding:12px 0;font-size:13px!important;}
  #site-nav .far-studio-expand {margin-left:auto!important;flex:0 0 44px;}
  #site-nav .far-studio-submenu {position:static;flex-basis:100%;width:100%;min-width:0;box-shadow:none;}
  body#farfalla-page-shinka .v10-discipline-stage .v10-discipline-info {
    bottom:100px!important;left:10%!important;right:10%!important;
    max-width:none!important;min-height:0!important;
    padding:12px 16px!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-stage-caption {
    left:10%!important;right:10%!important;bottom:29px!important;
    justify-content:center!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-stage-caption>span {display:none!important;}
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-stage-caption button {min-width:44px;min-height:44px;}
}

/* FARFALLA V1.7.35 — Shinka orbit controls at compact desktop widths.
   Prevent navigation arrows overlapping the discipline description. */
@media (min-width:851px) and (max-width:1250px) {
  body#farfalla-page-shinka .v10-discipline-stage .v10-discipline-info {
    left:58%!important;right:3%!important;bottom:20px!important;
    width:auto!important;max-width:none!important;min-height:0!important;
    padding:12px 15px!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-stage-caption {
    left:32%!important;right:44%!important;bottom:22px!important;
    width:auto!important;justify-content:center!important;gap:10px!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-stage-caption>span {display:none!important;}
  body#farfalla-page-shinka .v10-discipline-stage .v7-shinka-stage-caption button {
    min-width:42px;min-height:42px;flex:0 0 42px;
  }
}

/* FARFALLA V1.7.36 — Shinka: estructura de ficha + flechas SIN solapamiento.
   Un panel de flujo vertical sustituye el posicionamiento absoluto independiente
   en anchos tablet y escritorio compacto. Escritorio amplio conserva el arte aprobado. */
@media (min-width:701px) and (max-width:1400px) {
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-panel {
    position:absolute!important;
    right:4%!important;bottom:20px!important;left:auto!important;
    width:min(440px,48%)!important;max-width:calc(100% - 24px)!important;
    z-index:100!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:14px!important;
    box-sizing:border-box;isolation:isolate;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-panel .v10-discipline-info {
    position:static!important;inset:auto!important;left:auto!important;right:auto!important;
    top:auto!important;bottom:auto!important;transform:none!important;
    display:block!important;width:100%!important;max-width:none!important;
    min-height:0!important;margin:0!important;padding:14px 17px!important;
    box-sizing:border-box;flex:none!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-panel .v7-shinka-stage-caption {
    position:static!important;inset:auto!important;left:auto!important;right:auto!important;
    top:auto!important;bottom:auto!important;transform:none!important;
    display:flex!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:0!important;min-height:44px!important;
    justify-content:center!important;align-items:center!important;
    box-sizing:border-box;flex:none!important;z-index:auto!important;
  }
  body#farfalla-page-shinka .v10-orbit-panel .v7-shinka-stage-caption>span {display:none!important;}
  body#farfalla-page-shinka .v10-orbit-panel .v7-shinka-stage-caption>div {
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:14px!important;
  }
  body#farfalla-page-shinka .v10-orbit-panel .v7-shinka-stage-caption button {
    flex:0 0 44px!important;width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;
    position:relative!important;transform:none!important;margin:0!important;
  }
}
@media (min-width:701px) and (max-width:850px) {
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-panel {
    left:50%!important;right:auto!important;bottom:20px!important;
    transform:translateX(-50%)!important;width:min(440px,88%)!important;
    max-width:calc(100% - 26px)!important;
  }
}

/* FARFALLA V1.7.37 — Órbita y ficha en bloques independientes (tablet/portátil).
   La órbita ocupa una región propia; la ficha y las flechas fluyen debajo.
   paintOrbit lee las dimensiones de .v10-orbit-visual en este intervalo. */
@media (min-width:701px) and (max-width:1400px) {
  body#farfalla-page-shinka .v10-discipline-stage {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:20px!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-visual {
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:clamp(390px,48vw,520px)!important;
    margin:0!important;
    overflow:visible;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-visual .v7-shinka-orbit {
    top:50%!important;
    left:50%!important;
    width:81%!important;
    height:59.4%!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-visual .v7-shinka-tile,
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-visual .v8-orbit-core {
    top:50%!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-visual .v142-orbit-lights {
    top:50%!important;
    width:81%!important;
    height:59.4%!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-panel {
    position:relative!important;
    inset:auto!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    flex:0 0 auto!important;
    width:min(100%,440px)!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    z-index:70!important;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-panel .v10-discipline-info {
    position:relative!important;inset:auto!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:15px 17px!important;
    min-height:0!important;transform:none!important;
    box-sizing:border-box;
  }
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-panel .v7-shinka-stage-caption {
    position:relative!important;inset:auto!important;
    width:100%!important;margin:0!important;transform:none!important;
    min-height:44px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;
  }
}
@media (min-width:701px) and (max-width:750px) {
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-visual .v7-shinka-orbit,
  body#farfalla-page-shinka .v10-discipline-stage .v10-orbit-visual .v142-orbit-lights {
    width:71%!important;
    height:35.2%!important;
  }
}

/* FARFALLA V1.7.38 — Inicio, tablet horizontal / portátil estrecho.
   El collage aprobado es panorámico (1672x498): en cover se recortaban
   los accesos Studio/Life. Contain muestra ambos sin alterar el arte. */
@media (min-width:961px) and (max-width:1150px) {
  body#farfalla-page-home .home-hero-screen {
    height:clamp(480px,50vw,570px)!important;
    min-height:0!important;
    background:#1a3024!important;
  }
  body#farfalla-page-home .home-hero-screen::before {
    inset:-12px!important;
    background:linear-gradient(180deg,rgba(9,28,20,.28),rgba(13,34,25,.44)),url('../media/Farfalla-Marca-Fondo-Vegetacion-01.webp') center 55%/cover no-repeat!important;
    filter:blur(7px) saturate(.94)!important;
    transform:scale(1.04)!important;
  }
  body#farfalla-page-home .home-hero-screen .hero-artboard>img {
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    width:100%!important;
    height:100%!important;
  }
}