/* IKI — Respiro di vita — ATELIER V4 | 11.11.2026
   Direction: botanical cinema + tactile editorial. Original IKI art & palette.
   CSS layers explicitly override the V3 prototype without changing it. */
:root{
 --v4-ink:#132a43;--v4-brown:#865024;--v4-cream:#fcfaf6;
 --v4-orchid:#5c4377;--v4-night:#201a2b;--v4-gold:#d2a961;
}
body{background:#fcfaf6;overflow-x:clip}
h1,h2,h3{letter-spacing:-.07em}
.header{background:rgba(252,250,246,.95);border-bottom:1px solid rgba(21,31,42,.09)}
.header-wrap{min-height:82px}
.brand img{height:67px}
.nav a{font-size:.8rem;letter-spacing:-.015em}
.head-right .btn{padding-inline:22px}
.wrap{width:min(1338px,calc(100% - 98px))}
a{touch-action:manipulation}
::selection{background:#bf9ddb;color:#23172f}
.v4-meta{font-size:.74rem;letter-spacing:.135em;font-weight:620;text-transform:uppercase;line-height:1.6;margin:0}
.v4-link,.v4-quiet-link,.v4-story-link{display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-size:.92rem;font-weight:650;border-bottom:1px solid currentColor;padding:10px 0;color:inherit;min-height:44px}
.v4-link span,.v4-quiet-link span,.v4-story-link span{font-size:1.2rem;transition:transform .3s ease}
.v4-link:hover span,.v4-quiet-link:hover span,.v4-story-link:hover span{transform:translate(4px,-4px)}
.v4-circle-link{display:inline-flex;gap:27px;align-items:center;justify-content:center;min-height:57px;min-width:197px;padding:12px 25px;text-decoration:none;white-space:nowrap;border:1px solid #d5b990;border-radius:999px;background:linear-gradient(160deg,#fffdf7,#f6e9d8);color:#152e43;font-weight:680;font-size:.87rem;box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(83,47,26,.1);transition:transform .3s,box-shadow .3s}
.v4-circle-link:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(83,47,26,.19)}
.v4-circle-link span{font-size:1.35rem;font-weight:400}

/* Hero: a deliberate single image world. Not a cards-template. */
.v4-hero{position:relative;isolation:isolate;min-height:max(760px,calc(100svh - 82px));background:#fff8e9;overflow:hidden}
.v4-hero-stage{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  background:linear-gradient(105deg,#fcfaf6 0%,#fff8ed 35%,#f5e5c2 100%)}
.v4-hero-light{position:absolute;inset:-10%;background:
 radial-gradient(ellipse 44% 42% at 78% 35%,rgba(255,255,220,.97) 0%,rgba(255,222,148,.78) 44%,rgba(237,177,105,.18) 74%,transparent 100%),
 linear-gradient(155deg,transparent 40%,rgba(219,170,106,.26));
 filter:blur(13px)}
.v4-hero-atmosphere{position:absolute;width:73%;height:120%;right:-3%;top:-8%;background:url('/assets/sole-fotografia.webp') 50% 51% /cover;
 mix-blend-mode:screen;opacity:.26;mask-image:radial-gradient(ellipse at 58% 35%,#000 8%,transparent 73%)}
.v4-hero-rays{position:absolute;inset:-25%;background:repeating-conic-gradient(from 0deg at 74% 39%,rgba(255,247,208,.11) 0deg 1.8deg,transparent 2.6deg 14deg);mask-image:radial-gradient(ellipse 59% 56% at 73% 42%,#000,transparent 86%);opacity:.9}
.v4-hero .v4-sun{position:absolute;z-index:2;top:7%;right:7%;width:clamp(280px,36vw,620px);aspect-ratio:1;border-radius:50%;box-shadow:0 0 68px 12px rgba(253,214,106,.21);filter:saturate(.87);will-change:transform}
.v4-hero .v4-sun:before{content:"";position:absolute;inset:-24%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,209,.64) 10%,rgba(255,216,114,.28) 45%,transparent 70%);pointer-events:none}
.v4-hero .v4-sun .v3-sun-disc{display:block;position:absolute;inset:0;border-radius:50%;
 background:url('/assets/sole-home.webp') 50% 43.6%/320.66% auto no-repeat;
 mask-image:radial-gradient(circle closest-side,#000 85%,transparent 100%)}
.v4-hero-flora-back{position:absolute;inset:auto -1.5% 0;height:59%;opacity:.45;filter:blur(3px) saturate(.84);transform-origin:50% 100%}
.v4-hero-flora-front{position:absolute;inset:auto -2% -4%;height:56%;filter:saturate(.91) contrast(.98);transform-origin:50% 100%}
.v4-hero-flora-back img,.v4-hero-flora-front img{width:100%;height:100%;object-fit:cover;object-position:center bottom;max-width:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 32% 100%)}
.v4-hero-flora-back img{object-position:50% 100%}
.v4-hero-silk{position:absolute;inset:0;z-index:4;pointer-events:none;background:
 linear-gradient(90deg,#fcfaf6 0%,rgba(252,250,246,.96) 10%,rgba(252,250,246,.76) 25%,rgba(252,250,246,.28) 44%,transparent 68%),
 linear-gradient(to top,rgba(252,250,246,.25),transparent 18%)}
.v4-hero-layout{position:relative;z-index:6;min-height:max(760px,calc(100svh - 82px));display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.v4-hero-ident{display:flex;justify-content:space-between;align-items:center;padding:34px 0 0;border-bottom:1px solid rgba(68,61,60,.2);padding-bottom:13px;gap:16px;max-width:100%;text-transform:uppercase;letter-spacing:.105em;font-size:.62rem;font-weight:650;color:#7d5d47;pointer-events:auto}
.v4-hero-ident span:first-child{font-size:.84rem;font-weight:750;color:#26394b;letter-spacing:.06em}
.v4-hero-content{padding:40px 0 52px;position:relative;pointer-events:auto}
.v4-hero-kicker{color:#6e503a;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700;margin:0 0 15px}
.v4-hero-content h1{font-size:clamp(5.35rem,11.75vw,12.4rem);font-weight:530;line-height:.86;letter-spacing:-.086em;margin:0 0 33px;white-space:nowrap;color:#102d52;max-width:100%}
.v4-hero-content h1 span{display:block}
.v4-hero-content h1 em{display:block;font-weight:455;font-style:normal;color:#865024}
.v4-hero-bottom{display:grid;grid-template-columns:minmax(0,410px);gap:14px}
.v4-hero-bottom p{font-size:1.05rem;color:#334756;line-height:1.65;max-width:39ch;margin:0}
.v4-hero-cta{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:10px}
.v4-quiet-link{color:#5b4173;border-color:#b299bb}
.v4-hero-down{position:absolute;bottom:33px;right:1px;pointer-events:auto;display:flex;gap:18px;align-items:center;color:#5a4b3f;text-decoration:none;font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;font-weight:650}
.v4-down-icon{width:42px;height:42px;border:1px solid #ad916d;border-radius:50%;display:grid;place-items:center;font-size:1.2rem}
.v4-hero .v3-glitter{z-index:5}
.v4-hero:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:multiply}
/* Dark narrative with one hero visual, inspired by tactile product cinema */
.v4-manifesto{position:relative;isolation:isolate;background:#241b33;color:#f9f2ea;min-height:740px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.v4-manifesto:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 38%,rgba(118,85,147,.31),transparent 50%),radial-gradient(ellipse at 12% 91%,rgba(111,60,109,.24),transparent 56%)}
.v4-manifesto-grid{display:grid;grid-template-columns:230px minmax(0,900px);gap:clamp(55px,8vw,130px);padding-top:135px;padding-bottom:145px;position:relative;z-index:3}
.v4-manifesto .v4-meta{color:#d0b2cb;letter-spacing:.12em}
.v4-manifesto h2{font-size:clamp(3.5rem,7.8vw,8.3rem);font-weight:470;line-height:1.01;margin:0;letter-spacing:-.08em;color:#f9f4ea;max-width:11.4ch}
.v4-manifesto h2 em{color:#e9c184;font-style:normal}
.v4-manifesto p:not(.v4-meta){color:#eee1e7;font-size:1.11rem;max-width:51ch;line-height:1.75;margin-top:38px}
.v4-manifesto-art{position:absolute;z-index:1;right:-4%;top:20%;width:min(46vw,740px);aspect-ratio:1;opacity:.37;filter:saturate(.56)}
.v4-manifesto-art img{width:100%;height:100%;object-fit:cover;clip-path:circle(44% at 50% 50%);filter:blur(.5px)}
.v4-manifesto-ring{position:absolute;inset:0;z-index:2;border:1px solid rgba(228,205,179,.38);border-radius:50%;box-shadow:0 0 80px rgba(181,122,189,.15)}
.v4-manifesto-base{display:flex;justify-content:space-around;border-top:1px solid rgba(255,250,245,.2);padding:22px 5%;font-size:.7rem;font-weight:600;letter-spacing:.16em;color:#d9cbda;position:relative;z-index:2}

/* Major chapter title: clean, giant editorial composition */
.v4-project-overture{background:#f7f2eb;padding:clamp(110px,12vw,200px) 0;color:#192d42}
.v4-overture-grid{display:grid;grid-template-columns:minmax(200px,.46fr) minmax(0,1fr);gap:7vw}
.v4-overture-grid .v4-meta{color:#7f6473;margin-top:12px}
.v4-overture-grid h2{font-size:clamp(4.1rem,8.2vw,9.3rem);font-weight:495;line-height:1.01;margin:0 0 33px;letter-spacing:-.075em}
.v4-overture-grid h2 span{color:#6c507c}
.v4-overture-grid p:not(.v4-meta){font-size:1.21rem;max-width:49ch;color:#54505b}
.v4-overture-symbol{margin-top:93px;color:#ab8a59;opacity:.72}
.v4-overture-spiral{width:min(15vw,165px);height:min(15vw,165px);stroke-width:1}
.v4-stories{background:#211a27}
.v4-story{min-height:clamp(620px,80svh,950px);height:clamp(620px,80svh,950px);position:relative;isolation:isolate;color:#fffaf0;overflow:hidden}
.v4-story-image{position:absolute;inset:0;z-index:-2;overflow:hidden}
.v4-story-image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.07);filter:saturate(.82) contrast(1.02)}
.v4-story-gocce .v4-story-image img{object-position:54% 56%}
.v4-story-pivot .v4-story-image img{object-position:54% 45%;filter:saturate(.8) brightness(.76)}
.v4-story-dignity .v4-story-image img{object-position:56% 28%;filter:saturate(.68) brightness(.75)}
.v4-story-screen{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,22,36,.93) 0%,rgba(24,24,40,.81) 34%,rgba(30,26,41,.19) 80%),linear-gradient(to top,rgba(15,13,27,.55),transparent 32%)}
.v4-story-pivot .v4-story-screen{background:linear-gradient(90deg,rgba(34,28,46,.91),rgba(42,26,49,.7) 38%,rgba(32,24,36,.05) 90%)}
.v4-story-dignity .v4-story-screen{background:linear-gradient(90deg,rgba(37,28,48,.92),rgba(48,36,54,.71) 36%,rgba(38,34,42,.01) 95%)}
.v4-story-aurora{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,rgba(255,220,173,.2),transparent 50%);mix-blend-mode:screen}
.v4-story-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-block:38px 58px}
.v4-story-meta{display:flex;justify-content:space-between;gap:16px;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;font-weight:640;opacity:.86}
.v4-story-copy{max-width:690px}
.v4-story-copy h3{font-size:clamp(5rem,10vw,11rem);font-weight:500;letter-spacing:-.085em;line-height:.9;color:#fffaf4;margin-bottom:22px}
.v4-story-sub{font-size:clamp(1.52rem,3vw,2.65rem);font-weight:470;line-height:1.2;max-width:22ch;color:#f6e9d8;letter-spacing:-.03em}
.v4-story-desc{font-size:1.07rem;max-width:46ch;line-height:1.7;color:#e5dce7;margin-bottom:12px}
.v4-story-link{color:#ffe9c8;margin-top:13px}
.v4-story-gesture{position:absolute;bottom:62px;right:0;font-size:.63rem;letter-spacing:.19em;color:#e4d4d3;opacity:.82}

/* Three values: visual postcards but never three cards. */
.v4-essence{padding:clamp(95px,10vw,165px) 0 120px;background:#fffdf9}
.v4-essence-head{display:flex;align-items:end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.v4-essence-head h2{font-size:clamp(3.6rem,7.1vw,8rem);line-height:1.03;font-weight:480;letter-spacing:-.079em;margin:24px 0 14px;flex:0 0 77%}
.v4-essence-head h2 span{color:#704f82}
.v4-essence-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,32px);width:min(1420px,calc(100% - 90px));margin:80px auto 0}
.v4-essence-item{display:flex;flex-direction:column;position:relative;min-height:480px;text-align:center;text-decoration:none;color:#172b3d;isolation:isolate;overflow:hidden}
.v4-essence-item:nth-child(1){background:#f0ebe1}
.v4-essence-item:nth-child(2){background:#eae1e7}
.v4-essence-item:nth-child(3){background:#eee9ef}
.v4-essence-item:after{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 0 1px rgba(60,42,60,.1);pointer-events:none}
.v4-essence-item img{flex:1;object-fit:contain;width:100%;height:360px;max-height:375px;padding:27px;mix-blend-mode:multiply;transition:transform .75s cubic-bezier(.22,.7,.28,1)}
.v4-essence-item:nth-child(2) img{object-fit:cover;padding:0;mix-blend-mode:normal;mask-image:radial-gradient(ellipse,#000 40%,transparent 76%)}
.v4-essence-item:nth-child(3) img{object-fit:contain;padding:35px}
.v4-essence-item:hover img{transform:scale(1.055)}
.v4-essence-item span{position:relative;z-index:2;display:block;padding:23px 15px 30px;font-size:clamp(1.4rem,2.7vw,2.65rem);font-weight:565;letter-spacing:-.04em}
.v4-quote{position:relative;padding:clamp(110px,12vw,190px) 0;background:#382c4c;color:#fff9ef;overflow:hidden}
.v4-quote-halo{position:absolute;width:95vw;max-width:1000px;aspect-ratio:1;top:-40%;right:-22%;border:1px solid rgba(210,175,126,.23);border-radius:50%;box-shadow:0 0 0 150px rgba(206,174,148,.035),0 0 0 300px rgba(206,174,148,.025);pointer-events:none}
.v4-quote-content{position:relative;z-index:1;display:grid;grid-template-columns:195px minmax(0,1fr);gap:72px}
.v4-quote-content .v4-meta{color:#e5c7ac;margin-top:19px}
.v4-quote h2{font-size:clamp(2.3rem,4.8vw,5.6rem);font-weight:450;line-height:1.24;letter-spacing:-.048em;color:#fff9f0;margin:0 0 36px}
.v4-quote-content>p:last-child{grid-column:2;font-size:.91rem;color:#e0d3df;line-height:1.55;max-width:720px}
.v4-finale{min-height:650px;position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 55%,#f2dfb9,#fff7e9 50%,#fcfaf6 87%);overflow:hidden}
.v4-finale-sun{position:absolute;right:6%;top:10%;width:min(48vw,650px);aspect-ratio:1;border-radius:50%;background:url('/assets/sole-home.webp') 50% 43.6%/320.66% auto no-repeat;mask-image:radial-gradient(circle,#000 60%,transparent 72%);opacity:.66;filter:blur(1px)}
.v4-finale-content{position:relative;z-index:2;padding-block:100px}
.v4-finale h2{font-size:clamp(4.7rem,9.2vw,10.5rem);font-weight:485;line-height:.96;letter-spacing:-.084em;margin:21px 0 26px}
.v4-finale h2 em{font-style:normal;color:#865024}
.v4-finale-content>p:not(.v4-meta){font-size:1.12rem;max-width:43ch}
.v4-finale .v4-circle-link{margin-top:20px}

/* Mission: THREE immersive full-width scenes, each interactive. */
.v4-mission-lead,.v4-projects-lead{padding:clamp(90px,11vw,170px) 0 130px;background:#f8f2e8;position:relative;overflow:hidden}
.v4-mission-lead:after,.v4-projects-lead:after{content:"";position:absolute;width:46vw;aspect-ratio:1;border:1px solid rgba(169,126,77,.18);border-radius:50%;right:-10%;top:-36%;box-shadow:0 0 0 75px rgba(202,167,140,.065)}
.v4-mission-lead h1,.v4-projects-lead h1{font-size:clamp(4.3rem,9.2vw,10.5rem);font-weight:490;line-height:1.03;max-width:1050px;margin:27px 0;letter-spacing:-.078em;color:#172b3d}
.v4-mission-lead h1 em,.v4-projects-lead h1 em{font-style:normal;color:#79528a}
.v4-mission-lead p:not(.v4-meta),.v4-projects-lead p:not(.v4-meta){font-size:1.18rem;max-width:48ch}
.v4-bloom{min-height:670px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(76,57,68,.13)}
.v4-bloom-inner{display:grid;grid-template-columns:1fr .85fr;gap:clamp(50px,10vw,150px);align-items:center;padding-block:80px}
.v4-bloom-copy h2{font-size:clamp(3.3rem,5.7vw,7.25rem);font-weight:490;line-height:1.05;letter-spacing:-.077em;margin:20px 0 30px}
.v4-bloom-copy p:not(.v4-meta){font-size:1.2rem;max-width:37ch}
.v4-bloom-visual{position:relative;min-height:450px;display:grid;place-items:center}
.v4-bloom-visual::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(254,243,226,.26) 55%,transparent 74%);filter:blur(10px)}
.v4-bloom-visual .iki-flower{height:370px;width:min(100%,530px);max-width:100%;margin:0;position:relative;z-index:2}
.v4-bloom-visual .iki-flower-paper{width:360px;height:360px}
.v4-bloom-visual .iki-flower-lotus,.v4-bloom-visual .iki-flower-iris{max-width:490px;height:370px}
.v4-bloom-possibilita{background:#fff7ed}
.v4-bloom-dignita{background:#efe6ee}
.v4-bloom-formazione{background:#f5f2f0}
.v4-bloom-dignita .v4-bloom-inner{direction:rtl}
.v4-bloom-dignita .v4-bloom-inner>*{direction:ltr}
.v4-mission-areas{background:#30253c;color:#f5eef6;padding:120px 0}
.v4-mission-areas .v4-meta{color:#caaeb6}
.v4-mission-areas .wrap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:50px 0}
.v4-mission-areas h2{font-size:clamp(3.2rem,6.4vw,7.4rem);font-weight:470;letter-spacing:-.08em;color:#fff9f1}
.v4-mission-areas p:last-child{font-size:1.17rem;color:#e5d9e8;max-width:54ch}

/* The rest of the website shares the premium editorial treatment. */
.page-intro{padding:clamp(70px,9vw,132px) 0 95px;background:#f6f0e9}
.page-intro h1{font-size:clamp(4.4rem,8.3vw,10rem);line-height:.99;letter-spacing:-.084em;font-weight:510;max-width:1200px}
.page-intro .lead{max-width:780px}
.breadcrumbs{margin-block:22px;color:#7e707b;font-size:.77rem}
.project-hero{background:#efe7df;min-height:650px;display:grid;align-items:center;padding:60px 0;position:relative}
.project-hero-grid{grid-template-columns:.9fr 1fr;gap:5vw}
.project-hero h1{font-size:clamp(4.7rem,7.5vw,9rem);font-weight:500}
.project-hero-photo{height:min(64vw,650px);max-width:none;border-radius:0;box-shadow:0 20px 66px rgba(32,26,49,.13)}
.project-hero-photo img{object-position:center}
.project-hero.gocce{background:#e9e3e5}
.project-hero.pivot{background:#f5eddb}
.project-hero.dignity{background:#eee6ef}
.project-hero .btn-cream{box-shadow:inset 0 1px 2px white,0 10px 24px rgba(98,70,49,.12)}
.project-hero:after{content:"";position:absolute;left:0;bottom:0;right:0;height:1px;background:#dacdc6}
.facts-grid>div{padding:40px 24px}
.facts strong{font-size:1.5rem}
.reading-layout h2{font-size:clamp(2.6rem,4.7vw,5.6rem);line-height:1.1}
.reading-copy{max-width:700px}
.team-section,.v3-team-section{background:#f7f2ec}
.v3-team-list{display:block;margin-top:60px}
.v3-team-member{display:grid;grid-template-columns:125px 1fr;align-items:center;min-height:190px;border-radius:0;padding:34px 8px;background:transparent;box-shadow:none;border:0;border-top:1px solid #d5c9c0;transition:background .3s}
.v3-team-member:hover{transform:none;border-color:#b9a9af;background:rgba(255,255,255,.4);box-shadow:none}
.v3-team-member:last-child{border-bottom:1px solid #d5c9c0}
.v3-team-member>div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.v3-team-member h3{margin:0;font-size:clamp(2.3rem,4vw,4.5rem);font-weight:500;line-height:1.08}
.v3-team-member .card-tag{grid-column:1/-1;margin:0}
.v3-team-member .text-link{white-space:nowrap}
.v3-team-member .v3-team-spiral{width:95px;height:95px}
.v3-article-card{border-bottom:1px solid #d8d0c8;min-height:330px;align-items:center;padding-block:53px}
.v3-article-card h2{font-size:clamp(2.2rem,3.7vw,4.2rem);letter-spacing:-.07em;font-weight:500}
.v3-article-card:first-child{padding-top:22px}
.v3-article-spiral .v3-team-spiral{width:140px;height:140px}
.v3-article-list{background:#fcfaf6}
.v3-pdf{background:#eee6ee;border-radius:0}
.books-grid .book-card{border-radius:0}
.form-card{box-shadow:0 25px 100px rgba(39,29,48,.08)}
.invite-band{background:linear-gradient(115deg,#2e233f,#503b68)}
.footer{background:#e9e2dc}
.v3-motion-tools{background:#e9e2dc}
.nav a:hover{text-decoration-color:#caaf8d}
/* Interaction support and reduced-motion always override art direction. */
.v4-story-image img,.v4-hero-flora-front,.v4-hero-flora-back,.v4-manifesto-art img,.v4-finale-sun{will-change:transform}
@media(max-width:1140px){
 .v4-hero-content h1{font-size:clamp(4.8rem,12vw,9rem)}
 .v4-hero .v4-sun{right:0;top:14%;width:39vw}
 .v4-story-copy h3{font-size:clamp(4.7rem,10vw,8rem)}
 .v4-hero-layout{min-height:790px}
 .v4-hero{min-height:790px}
 .v4-quote-content{gap:32px;grid-template-columns:150px 1fr}
}
@media(max-width:820px){
 .wrap{width:calc(100% - 52px)}
 .v4-hero{min-height:950px}
 .v4-hero-layout{min-height:950px}
 .v4-hero-ident{padding-top:23px;letter-spacing:.06em}
 .v4-hero-ident span:last-child{display:none}
 .v4-hero-content{padding:5px 0 215px}
 .v4-hero-content h1{font-size:clamp(4.6rem,14vw,8.6rem)}
 .v4-hero-bottom p{max-width:42ch}
 .v4-hero .v4-sun{width:min(58vw,430px);top:auto;bottom:35px;right:5%;opacity:.85}
 .v4-hero-flora-front{height:39%;bottom:-5%}
 .v4-hero-flora-back{height:45%}
 .v4-hero-silk{background:linear-gradient(to bottom,#fcfaf6 0%,rgba(252,250,246,.98) 24%,rgba(252,250,246,.76) 43%,transparent 74%)}
 .v4-hero-down{right:5px;bottom:18px}
 .v4-manifesto{min-height:700px}
 .v4-manifesto-grid{grid-template-columns:1fr;gap:36px;padding-top:100px;padding-bottom:75px}
 .v4-manifesto-art{top:17%;right:-23%;width:76vw;opacity:.25}
 .v4-manifesto h2{font-size:clamp(3.6rem,9vw,6.4rem)}
 .v4-manifesto-base{font-size:.53rem;gap:15px}
 .v4-overture-grid{grid-template-columns:1fr}
 .v4-overture-symbol{display:none}
 .v4-project-overture{padding:95px 0}
 .v4-overture-grid h2{font-size:clamp(4.2rem,10vw,8rem)}
 .v4-story{height:690px;min-height:690px}
 .v4-story-screen{background:linear-gradient(90deg,rgba(19,21,37,.9),rgba(26,26,39,.5) 85%),linear-gradient(to top,rgba(17,15,30,.6),transparent 30%)}
 .v4-story-image img{object-position:center}
 .v4-story-copy{max-width:560px}
 .v4-story-copy h3{font-size:clamp(4.3rem,12.5vw,7.5rem)}
 .v4-story-gesture{display:none}
 .v4-essence-gallery{width:calc(100% - 52px);gap:12px}
 .v4-essence-item{min-height:345px}
 .v4-essence-item img{height:260px}
 .v4-quote-content{grid-template-columns:1fr;gap:32px}
 .v4-quote-content>p:last-child{grid-column:1}
 .v4-bloom-inner{grid-template-columns:1fr;gap:25px;padding:60px 0}
 .v4-bloom-dignita .v4-bloom-inner{direction:ltr}
 .v4-bloom-copy h2{font-size:clamp(3rem,7.9vw,6rem)}
 .v4-bloom{min-height:740px}
 .v4-bloom-visual{min-height:330px}
 .v4-bloom-visual .iki-flower{height:290px}
 .v4-bloom-visual .iki-flower-paper{width:280px;height:280px}
 .v4-bloom-visual .iki-flower-lotus,.v4-bloom-visual .iki-flower-iris{height:290px}
 .v4-mission-areas .wrap>div{grid-template-columns:1fr;gap:0}
 .v4-mission-areas h2{margin-bottom:10px}
 .v3-team-member>div{grid-template-columns:1fr;gap:7px}
 .v3-team-member .card-tag{grid-column:1}
 .v3-team-member h3{font-size:2.6rem}
}
@media(max-width:540px){
 .wrap{width:calc(100% - 38px)}
 .header-wrap{min-height:76px;gap:10px}
 .brand img{height:64px}
 .v4-hero{min-height:835px}
 .v4-hero-layout{min-height:835px}
 .v4-hero-ident{font-size:.58rem}
 .v4-hero-content{padding:10px 0 205px}
 .v4-hero-kicker{font-size:.69rem}
 .v4-hero-content h1{font-size:clamp(3.65rem,15vw,6rem);line-height:.91;margin:0 0 24px}
 .v4-hero-bottom p{font-size:1.01rem;line-height:1.56}
 .v4-hero .v4-sun{bottom:31px;width:63vw;right:-2%}
 .v4-hero-flora-front{height:34%;bottom:-5%}
 .v4-hero-flora-back{height:36%}
 .v4-hero-down{display:none}
 .v4-hero-cta{gap:10px 22px}
 .v4-circle-link{min-height:49px;min-width:166px;padding:10px 17px}
 .v4-manifesto{min-height:720px}
 .v4-manifesto-grid{padding-block:90px 55px}
 .v4-manifesto h2{font-size:clamp(3.5rem,12vw,5.5rem)}
 .v4-manifesto p:not(.v4-meta){font-size:1rem}
 .v4-manifesto-art{right:-36%;top:20%;width:110vw;opacity:.17}
 .v4-manifesto-base span:last-child{display:none}
 .v4-overture-grid h2{font-size:clamp(3.5rem,11.3vw,6rem)}
 .v4-project-overture{padding:84px 0}
 .v4-story{height:675px;min-height:675px}
 .v4-story-inner{padding-block:27px 35px}
 .v4-story-meta{font-size:.58rem;letter-spacing:.08em}
 .v4-story-copy h3{font-size:clamp(4rem,15.8vw,5.8rem)}
 .v4-story-sub{font-size:1.65rem}
 .v4-story-desc{font-size:1rem}
 .v4-story-image img{object-position:67% 50%}
 .v4-story-dignity .v4-story-image img{object-position:75% 30%}
 .v4-story-pivot .v4-story-image img{object-position:64% 40%}
 .v4-essence{padding:85px 0}
 .v4-essence-head h2{font-size:clamp(3.4rem,11vw,5.8rem);flex:1 1 100%}
 .v4-essence-gallery{display:block;width:calc(100% - 38px);margin-top:50px}
 .v4-essence-item{min-height:360px;margin-bottom:14px}
 .v4-essence-item img{height:280px}
 .v4-quote{padding:90px 0}
 .v4-quote h2{font-size:clamp(2.15rem,8.9vw,4rem)}
 .v4-finale{min-height:620px}
 .v4-finale h2{font-size:clamp(4.05rem,14vw,6rem)}
 .v4-finale-sun{right:-22%;top:35%;width:88vw;opacity:.35}
 .v4-mission-lead,.v4-projects-lead{padding:100px 0 94px}
 .v4-mission-lead h1,.v4-projects-lead h1{font-size:clamp(3.7rem,11vw,6rem)}
 .v4-bloom{min-height:720px}
 .v4-bloom-visual{min-height:280px}
 .v4-bloom-copy p:not(.v4-meta){font-size:1.02rem}
 .v4-bloom-inner{padding-block:55px}
 .v4-bloom-copy h2{font-size:3.2rem}
 .v4-mission-areas{padding:85px 0}
 .page-intro h1{font-size:clamp(3.8rem,13vw,6.6rem)}
 .project-hero-grid{grid-template-columns:1fr;gap:32px}
 .project-hero{padding-block:60px 75px}
 .project-hero h1{font-size:clamp(3.5rem,12vw,6rem)}
 .project-hero-photo{height:340px}
 .v3-team-member{grid-template-columns:76px 1fr;gap:12px;padding-block:24px;min-height:140px}
 .v3-team-member .v3-team-spiral{width:64px;height:64px}
 .v3-team-member h3{font-size:1.63rem}
 .v3-team-member .text-link{font-size:.78rem}
 .v3-article-card h2{font-size:2.3rem}
 .v3-article-spiral .v3-team-spiral{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){
 .v4-hero .v3-sun-disc,.v4-hero-flora-front,.v4-hero-flora-back,.v4-story-image img,.v4-manifesto-art img,
 .v4-essence-item img,.v4-finale-sun{animation:none!important;transform:none!important;transition:none!important}
}
html.iki-motion-paused .v4-hero-flora-front,
html.iki-motion-paused .v4-hero-flora-back,
html.iki-motion-paused .v4-story-image img{animation:none!important;transform:none!important;transition:none!important}

/* V4 visual QA refinements: copy must never disappear on first load. */
.v4-hero-layout{justify-content:flex-start}
.v4-hero-content{margin-top:clamp(72px,8vw,108px)}
.v4-hero-bottom p{color:#253b50}
.v4-hero .v4-sun{cursor:pointer}
.v4-hero .v4-sun:focus-visible{outline:3px solid #8363a5;outline-offset:10px}
.v4-sun-mini{position:fixed;z-index:150;width:63px;height:63px;border-radius:50%;transform:translate(-50%,-50%) scale(.35);opacity:0;pointer-events:none;box-shadow:0 0 28px rgba(213,149,54,.5);transition:transform .4s cubic-bezier(.2,.8,.25,1),opacity .3s ease}
.v4-sun-mini.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1}
.v4-sun-mini span{display:block;width:100%;height:100%;border-radius:50%;background:url('/assets/sole-home.webp') 50% 43.6%/320.66% auto no-repeat;mask-image:radial-gradient(circle,#000 78%,transparent 100%)}
.v4-scroll-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#b99963;transform:scaleX(0);transform-origin:left center;pointer-events:none;z-index:2}
@media(max-width:820px){
 .v4-hero-content{margin-top:clamp(54px,10vw,80px);padding-bottom:0}
 .v4-hero .v4-sun{bottom:auto;top:160px;right:-12%;width:min(70vw,420px);opacity:.52}
 .v4-hero-flora-front{bottom:-4%}
}
@media(max-width:540px){
 .v4-hero-content{margin-top:67px;padding-bottom:0}
 .v4-hero .v4-sun{top:136px;bottom:auto;right:-22%;width:81vw;opacity:.42}
 .v4-hero-silk{background:linear-gradient(to bottom,rgba(252,250,246,.94) 0%,rgba(252,250,246,.92) 23%,rgba(252,250,246,.86) 50%,transparent 81%)}
 .v4-hero-bottom p{color:#2b4152}
}
@media(prefers-reduced-motion:reduce){.v4-sun-mini{transition:none}}

/* Optional WebGL2 water material. Static original photograph remains fallback. */
.v4-story-image{isolation:isolate}
.v4-story-image .v4-water-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:1}
.v4-story-image.v4-water-ready>img{opacity:0}
@media(max-width:800px){.v4-story-image .v4-water-canvas{display:none}}

/* Final 320px QA + mobile solar readability and organic ray softening */
.v4-hero-rays{filter:blur(20px);opacity:.25}
@media(max-width:540px){
 .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .facts-grid>div{min-width:0;padding:22px 12px}
 .facts-grid strong{font-size:1.02rem;overflow-wrap:anywhere}
 .v4-hero .v4-sun{top:132px;right:-21%;width:82vw;opacity:.68}
 .v4-hero-silk{
   background:
     linear-gradient(90deg,rgba(252,250,246,.98) 0%,rgba(252,250,246,.88) 48%,rgba(252,250,246,.23) 89%),
     linear-gradient(to bottom,transparent 48%,rgba(252,250,246,.3) 58%,transparent 85%);
 }
}
/* The sun is an interactive artwork; transparent typography boxes must not
   intercept its click target outside the actual copy. */
.v4-hero-content{width:max-content;max-width:100%}
.v4-hero-content h1{width:max-content;max-width:100%}
.v4-hero-content h1>span,.v4-hero-content h1>em{width:max-content;max-width:100%}

/* The visible sun and its accessible button share the same coordinates,
   but the hit target sits above the transparent artistic compositing layer. */
.v4-hero .v4-sun-hotspot{
 position:absolute;z-index:8;top:7%;right:7%;width:clamp(280px,36vw,620px);
 aspect-ratio:1;border-radius:50%;border:0;background:transparent;padding:0;
 cursor:pointer;touch-action:manipulation;
}
.v4-hero .v4-sun-hotspot:focus-visible{outline:3px solid #8065a1;outline-offset:8px}
@media(max-width:1140px){
 .v4-hero .v4-sun-hotspot{right:0;top:14%;width:39vw}
}
@media(max-width:820px){
 .v4-hero .v4-sun-hotspot{top:160px;bottom:auto;right:-12%;width:min(70vw,420px)}
}
@media(max-width:540px){
 .v4-hero .v4-sun-hotspot{top:132px;bottom:auto;right:-21%;width:82vw}
}