/*!/wp-content/themes/studio-koi/assets/css/pages/case.css*/section{scroll-margin-top:90px;padding-block:clamp(56px, 8vw, 100px)}.hb::before{opacity:0;transition:opacity .4s;animation-play-state:paused!important}.hb:hover::before{opacity:1;animation-play-state:running!important}.hero{position:relative;margin-inline:calc(var(--gutter) * -1);padding:clamp(130px, 16vw, 190px) var(--gutter) clamp(56px, 7vw, 90px);overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:-30% -15% auto auto;width:70vw;height:70vw;max-width:860px;max-height:860px;background:radial-gradient(closest-side,rgb(66 6 130 / .85),transparent);z-index:-2}.hero::after{content:"";position:absolute;left:-15%;bottom:-40%;width:55vw;height:55vw;max-width:700px;max-height:700px;background:radial-gradient(closest-side,rgb(110 0 255 / .22),transparent);z-index:-2}.hero .wrap{display:grid;gap:28px;transform-origin:50% 0;will-change:transform}.hero h1{font-size:clamp(38px, 8vw, 104px);font-weight:300;letter-spacing:-.035em}.hero .sub{font-family:var(--f-display);font-size:clamp(16px, 2vw, 22px);font-weight:300;max-width:30ch}.hero .lead{max-width:60ch;color:var(--mute);font-size:clamp(16px, 1.5vw, 18px)}.jump{display:flex;flex-wrap:wrap;gap:10px;padding-top:28px;margin-top:10px;border-top:1px solid var(--line)}.jump a{display:inline-flex;gap:10px;align-items:center;padding:10px 18px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:500;transition:border-color .25s,box-shadow .3s,transform .25s,background .25s}.jump a b{font-family:var(--f-mono);font-weight:400;font-size:11px;color:var(--violet)}.jump a:hover{border-color:var(--violet);background:rgb(110 0 255 / .18);box-shadow:0 10px 30px -8px rgb(110 0 255 / .7);transform:translateY(-2px)}.hero h1{font-size:clamp(44px, 10vw, 132px)}.back{display:inline-flex;gap:10px;align-items:center;width:fit-content;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);transition:color .25s,gap .25s}.back:hover{color:var(--violet);gap:14px}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:10px;border-top:1px solid var(--line)}.facts>div,.facts>a{padding:22px 18px 4px 0;display:grid;gap:6px;align-content:start}.facts dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}.facts dd{margin:0;font-weight:500;font-size:15px}.facts .visit{align-self:start;justify-self:start;margin-top:10px}.rail{position:fixed;z-index:20;left:18px;top:50%;transform:translateY(-50%);display:none;list-style:none;margin:0;padding:0;gap:4px}.rail a{position:relative;display:flex;align-items:center;gap:12px;padding:7px 0;color:var(--mute)}.rail i{width:8px;height:8px;border-radius:50%;border:1px solid var(--mute);transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.rail span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap}.rail a:hover span,.rail a.on span{opacity:1;transform:none}.rail a.on i{background:var(--violet);border-color:var(--violet);box-shadow:0 0 14px var(--violet-2);transform:scale(1.4)}.rail a.on{color:var(--white)}@media (min-width:1380px){.rail{display:grid;transition:opacity .4s}.rail.off{opacity:0;pointer-events:none}}.p1{background:radial-gradient(60% 70% at 28% 30%,#ffb36b,transparent 62%),radial-gradient(70% 70% at 82% 82%,#6e00ff,transparent 66%),#2a1245}.p2{background:conic-gradient(from 200deg at 42% 60%,#a855f7,#ff5d8f,#ffb36b,#a855f7)}.p3{background:linear-gradient(135deg,#420682,#ff5d8f 70%,#ffd08a)}.p4{background:radial-gradient(circle at 70% 30%,rgb(255 255 255 / .28),transparent 42%),linear-gradient(200deg,#1d1d1d,#6e00ff)}.p5{background:repeating-radial-gradient(circle at 20% 80%,#a855f7 0 7px,#420682 7px 16px)}.p6{background:linear-gradient(160deg,#ffb36b,#8839b2 60%,#1d1d1d)}.br{container-type:inline-size;border-radius:14px;overflow:hidden;background:var(--ink);border:1px solid var(--line);box-shadow:0 40px 100px -40px rgb(110 0 255 / .7)}.br-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--ink-3);border-bottom:1px solid var(--line)}.br-bar i{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .22)}.br-bar span{margin-left:10px;flex:1;max-width:260px;padding:3px 12px;border-radius:99px;background:rgb(255 255 255 / .07);font-family:var(--f-mono);font-size:10px;color:var(--mute)}.br-body{padding:4.5cqi;display:grid;gap:3.5cqi;background:radial-gradient(60% 60% at 100% 0%,rgb(110 0 255 / .3),transparent 70%),var(--ink)}.mk-nav{display:flex;justify-content:space-between;align-items:center}.mk-nav b{font-family:var(--f-display);font-weight:600;font-size:2.6cqi}.mk-nav span{display:flex;gap:1.6cqi}.mk-nav span i{width:6cqi;height:1.1cqi;border-radius:9px;background:rgb(255 255 255 / .28)}.mk-t{font-family:var(--f-display);font-weight:300;font-size:6.4cqi;line-height:1.05;letter-spacing:-.03em}.mk-t em{font-style:normal;font-weight:600;color:var(--violet)}.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqi}.mk-grid i{aspect-ratio:1.15;border-radius:1.4cqi;display:block}.br.old .br-body{background:#ece8df;color:#333}.br.old .br-bar{background:#d7d2c6}.br.old .br-bar span{background:rgb(0 0 0 / .08);color:#666}.br.old .mk-nav b{font-family:Georgia,serif;font-weight:700;color:#1d3f8a;text-decoration:underline}.br.old .mk-nav span i{background:#1d3f8a;opacity:.7}.br.old .mk-t{font-family:Georgia,serif;font-weight:700;font-size:4.6cqi;color:#222;letter-spacing:0}.br.old .mk-grid i{background:#b5b0a2!important;border-radius:0;border:1px solid #8a8576}.ln{height:1.1cqi;border-radius:9px;background:rgb(0 0 0 / .2)}.ln.s{width:60%}.cover{padding-block:0 clamp(40px, 6vw, 80px)}.cover-bleed{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.cover-frame{--ins:14%;position:relative;overflow:hidden;max-height:min(78vh, 760px);max-width:1500px;margin-inline:auto;clip-path:inset(0 var(--ins) round 22px);will-change:clip-path}.cover-frame .br{border-radius:0;border-inline:0;box-shadow:none}.cover-frame .br-body{padding:5cqi}.cover-frame .mk-t{font-size:5.4cqi}.cover-frame .mk-nav b{font-size:1.8cqi}.cover-frame .mk-grid i{aspect-ratio:1.5}.chip{position:absolute;z-index:2;padding:9px 16px;border-radius:999px;background:rgb(29 29 29 / .78);border:1px solid var(--line);backdrop-filter:blur(10px);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;will-change:transform}.chip b{color:var(--violet);font-weight:500}.cover-frame::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(transparent,var(--ink));z-index:1;pointer-events:none}.chip.c1{top:36%;right:8%}.chip.c2{bottom:18%;left:8%;z-index:2}@media (max-width:700px){.chip.c2{display:none}.chip.c1{top:10px;right:10px}.cover-frame{--ins:6%}}.chap2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(28px, 6vw, 96px);align-items:start}.lab{position:sticky;top:calc(120px + env(safe-area-inset-top, 0px));display:grid;gap:12px}.lab .no{font-family:var(--f-display);font-weight:300;font-size:clamp(64px, 9vw, 120px);line-height:.95;letter-spacing:-.04em;color:#fff0;-webkit-text-stroke:1px rgb(255 255 255 / .3)}.lab h2{font-size:clamp(26px, 3.4vw, 44px)}.lit{font-family:var(--f-display);font-weight:300;font-size:clamp(22px, 3vw, 38px);line-height:1.32;letter-spacing:-.02em}.lit .w{color:rgb(255 255 255 / .2);transition:color .35s,text-shadow .35s}.lit .w.on{color:var(--white)}.lit .w.k.on{color:var(--violet);text-shadow:0 0 30px rgb(168 85 247 / .5)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tag{padding:9px 16px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:500;transition:border-color .25s,background .25s,box-shadow .3s,transform .25s}.tag:hover{border-color:var(--violet);background:rgb(110 0 255 / .18);box-shadow:0 10px 30px -8px rgb(110 0 255 / .7);transform:translateY(-2px)}@media (max-width:860px){.chap2{grid-template-columns:1fr;gap:22px}.lab{position:static}}.goal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(34px, 5vw, 60px)}.goal{padding:22px;border-radius:14px;display:grid;gap:8px}.goal b{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);font-weight:500}.goal span{font-weight:500}@media (max-width:700px){.goal-row{grid-template-columns:1fr}}.pin{position:relative;margin-inline:calc(var(--gutter) * -1);padding:0}.pin-in{position:sticky;top:0;height:100vh;min-height:560px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:28px;padding-top:80px}.ptrack{display:flex;gap:clamp(18px, 3vw, 40px);padding-inline:var(--gutter);width:max-content;will-change:transform;align-items:stretch}.pp{flex:0 0 min(66vw, 720px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(18px, 3vw, 36px);padding:clamp(22px, 3vw, 40px);border-radius:20px;background:var(--ink-2);border:1px solid var(--line);align-items:center;transition:border-color .4s,box-shadow .4s}.pp:not(.intro):hover{border-color:rgb(168 85 247 / .5);box-shadow:0 30px 90px -34px rgb(110 0 255 / .6)}.pp.intro:hover{border:0;box-shadow:none}.pp.act{border-color:rgb(168 85 247 / .55);box-shadow:0 30px 90px -34px rgb(110 0 255 / .65)}.pp.act .num{-webkit-text-stroke-color:var(--violet)}.pp.intro{flex-basis:min(34vw, 420px);background:none;border:0;padding:0;display:grid;grid-template-columns:1fr;align-content:center;gap:18px}.pp.intro h2{font-size:clamp(30px, 4vw, 54px)}.pp.intro p{color:var(--mute);max-width:34ch}.pp .num{font-size:clamp(54px, 7vw, 96px)}.pp:not(.intro):hover .num{-webkit-text-stroke-color:var(--violet)}.pp h3{font-size:clamp(18px, 1.9vw, 24px);margin:8px 0 12px}.pp p.d{color:var(--mute);font-size:15px}.pp .tags{margin-top:18px;gap:8px}.pp .tag{padding:6px 12px;font-size:12px}.pv{aspect-ratio:4 / 5;border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center}.pv.v1{background:radial-gradient(60% 50% at 30% 25%,#ffb36b,transparent 60%),radial-gradient(70% 70% at 80% 85%,#6e00ff,transparent 65%),#2a1245}.pv .sw1{display:flex;gap:8px}.pv .sw1 i{width:34px;height:120px;border-radius:99px;transition:transform .5s}.pp:hover .pv .sw1 i:nth-child(odd){transform:translateY(-14px)}.pp:hover .pv .sw1 i:nth-child(even){transform:translateY(14px)}.pv.v2{background:var(--ink-3)}@property --v{syntax:"<number>";initial-value:0;inherits:false}.ring{--v:0;width:62%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--violet) calc(var(--v) * 1%),rgb(255 255 255 / .1) 0);display:grid;place-items:center;transition:--v 1.6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 0 22px rgb(110 0 255 / .6))}.ring::before{content:"";width:78%;aspect-ratio:1;border-radius:50%;background:var(--ink-3);grid-area:1 / 1}.ring b{grid-area:1 / 1;z-index:1;font-family:var(--f-display);font-weight:600;font-size:22px}.pp.act .ring{--v:92}.pv.v3{background:var(--ink-3);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;place-items:stretch;align-content:stretch}.pv.v3 i{border-radius:8px;transition:transform .4s,filter .4s}.pv.v3:hover i{filter:saturate(.5) brightness(.7)}.pv.v3 i:hover{transform:scale(1.06);filter:none;z-index:1}.pfoot{display:flex;align-items:center;flex-wrap:wrap;gap:14px 32px;padding-inline:var(--gutter)}.pbar{flex:0 1 420px;min-width:140px;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.pbar i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--violet);box-shadow:0 0 14px var(--violet-2)}.psteps{display:flex;flex-wrap:wrap;gap:8px}.psteps button{display:inline-flex;gap:10px;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff0;color:var(--mute);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:color .3s,border-color .3s,background .3s,box-shadow .3s}.psteps button b{font-family:var(--f-mono);font-weight:400;font-size:11px;color:var(--violet)}.psteps button:hover{color:var(--white);border-color:var(--violet)}.psteps button.on{color:var(--white);border-color:var(--violet);background:rgb(110 0 255 / .2);box-shadow:0 10px 30px -10px rgb(110 0 255 / .8)}@media (max-width:860px){.pp:has(.pimg){grid-template-columns:1fr;flex-basis:82vw}.pin-in{height:100vh;height:100svh;min-height:520px;padding-top:76px;gap:18px}.pp,.pp.intro{flex:0 0 82vw;grid-template-columns:1fr;gap:16px;padding:20px}.pp.intro{flex-basis:74vw;padding:0}.pv{aspect-ratio:16 / 9;max-height:26vh}.pv .sw1 i{height:70px;width:26px}.pp .num{font-size:52px}.pp p.d{font-size:14px}.pp .tags{margin-top:12px}.psteps{display:none}}.cmp-wrap{display:grid;gap:22px}.cmp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}.seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--ink-2)}.seg button{padding:9px 20px;border-radius:999px;border:0;background:#fff0;color:var(--mute);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}.seg button.on{background:var(--violet-2);color:var(--white);box-shadow:0 8px 26px -8px rgb(110 0 255 / .9)}.seg button:not(.on):hover{color:var(--white)}.cmp-hint{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.cmp{--p:50%;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16 / 9;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;box-shadow:0 40px 100px -50px rgb(110 0 255 / .7);transition:aspect-ratio .4s}.cmp .layer{position:absolute;inset:0}.cmp .layer .vd{height:100%}.cmp .layer .vd .br{height:100%;border-radius:0;border:0;box-shadow:none}.cmp .layer .vd .br-body{height:calc(100% - 33px);align-content:start}.cmp .layer .vm{display:none;height:100%;place-items:center;background:radial-gradient(60% 60% at 80% 10%,rgb(110 0 255 / .38),transparent 70%),var(--ink)}.cmp .before .vm{background:#d9d4c8}.cmp[data-view="mob"] .vd{display:none}.cmp[data-view="mob"] .vm{display:grid}.cmp .vm .ph{width:auto;height:86%;aspect-ratio:9 / 18}.ph.old{background:#ece8df;color:#333;border-color:#55524a}.ph.old .mk-nav b{font-family:Georgia,serif;color:#1d3f8a;text-decoration:underline}.ph.old .mk-nav span i{background:#1d3f8a;opacity:.7}.ph.old .mk-t{font-family:Georgia,serif;font-weight:700;color:#222;font-size:8cqi;letter-spacing:0}.ph.old .mk-grid i{background:#b5b0a2!important;border-radius:0;border:1px solid #8a8576}.cmp .before{clip-path:inset(0 calc(100% - var(--p)) 0 0)}.cmp .tagl{position:absolute;z-index:3;top:14px;padding:6px 14px;border-radius:99px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:rgb(29 29 29 / .8);border:1px solid var(--line);backdrop-filter:blur(8px);transition:opacity .3s}.cmp .tagl.l{left:14px}.cmp .tagl.r{right:14px}.cmp .hd{position:absolute;z-index:4;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:var(--violet);box-shadow:0 0 20px var(--violet-2)}.cmp .hd button{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;border:0;background:var(--violet-2);color:var(--white);font-size:16px;letter-spacing:2px;display:grid;place-items:center;cursor:ew-resize;box-shadow:0 10px 34px -4px rgb(110 0 255 / .9);transition:transform .25s,background .25s;touch-action:none}.cmp .hd button:hover,.cmp.drag .hd button{transform:scale(1.12);background:var(--violet)}.cmp .hd button::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--violet);opacity:.5;animation:ping 2.4s ease-out infinite}@keyframes ping{from{transform:scale(.8);opacity:.6}to{transform:scale(1.5);opacity:0}}.hs{position:absolute;z-index:3;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;background:var(--white);color:var(--ink);font-family:var(--f-mono);font-size:12px;font-weight:600;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.4);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.4);display:none;place-items:center;box-shadow:0 0 0 6px rgb(255 255 255 / .18),0 10px 30px -6px rgb(0 0 0 / .6)}.cmp[data-view="desk"] .hs[data-view="desk"],.cmp[data-view="mob"] .hs[data-view="mob"]{display:grid}.hs.show{opacity:1;pointer-events:auto;transform:none}.hs .tip{position:absolute;top:140%;left:50%;transform:translate(-50%,-4px);white-space:nowrap;padding:8px 14px;border-radius:99px;background:var(--ink);color:var(--white);border:1px solid var(--violet);font-family:var(--f-body);font-size:12.5px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.hs.r .tip{left:auto;right:-8px;transform:translate(0,-4px)}.hs:hover .tip,.hs:focus-visible .tip,.hs.hl .tip{opacity:1;transform:translate(-50%,0)}.hs.r:hover .tip,.hs.r:focus-visible .tip,.hs.r.hl .tip{transform:none}.cmp{aspect-ratio:1919 / 908;background:#d9d4c8}.cmp .layer .vd{overflow:hidden}.cmp .shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;pointer-events:none;-webkit-user-drag:none}.cmp .layer .vm,.cmp .before .vm{background:none}.cmp[data-view="mob"]{aspect-ratio:381 / 801;width:min(100%, calc(76vh * 0.476));margin-inline:auto}.cmp[data-view="mob"] .layer .vm{display:block}@media (max-width:860px){.cmp,.cmp[data-view="mob"]{aspect-ratio:1919 / 908}.cmp[data-view="mob"]{aspect-ratio:381 / 801}.hs{width:26px;height:26px;margin:-13px 0 0 -13px;font-size:11px}.hs .tip{font-size:11.5px;padding:6px 10px}.cmp .tagl{top:8px;font-size:10px;padding:4px 10px}.cmp .hd button{width:44px;height:44px;margin:-22px 0 0 -22px}}.pts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:pt}.pts li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 14px;padding:18px 0;border-top:1px solid var(--line);transition:padding .3s}.pts li:hover{padding-left:8px}.pts li b{grid-row:1 / 3;width:30px;height:30px;border-radius:50%;background:var(--white);color:var(--ink);display:grid;place-items:center;font-family:var(--f-mono);font-size:12px;font-weight:600}.pts li strong{font-weight:600}.pts li span{color:var(--mute);font-size:14px}@media (max-width:860px){.pts{grid-template-columns:1fr;gap:0}}.head2{display:grid;gap:14px;margin-bottom:clamp(28px, 4vw, 52px);max-width:60ch}.head2 h2{font-size:clamp(28px, 4.4vw, 54px)}.head2 p{color:var(--mute)}.pal{display:flex;gap:10px;height:clamp(260px, 36vw, 380px)}.sw{flex:1;min-width:0;position:relative;border-radius:16px;border:1px solid rgb(255 255 255 / .12);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;text-align:left;font:inherit;color:inherit;background:var(--c);overflow:hidden;transition:flex .6s cubic-bezier(.2,.7,.2,1),box-shadow .4s,transform .3s}.sw:hover,.sw:focus-visible,.sw.on{flex:3.2;box-shadow:0 24px 70px -26px var(--c)}.sw b{font-family:var(--f-display);font-weight:400;font-size:clamp(14px, 1.6vw, 20px);color:var(--fg,#fff);white-space:nowrap}.sw span{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--fg,#fff);opacity:.8}.sw em{position:absolute;top:16px;right:16px;font-style:normal;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg,#fff);opacity:0;transition:opacity .3s}.sw:hover em,.sw:focus-visible em{opacity:.85}.sw.copied em{opacity:1}.type2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.tp{padding:clamp(22px, 3vw, 36px);border-radius:16px;display:grid;gap:14px}.tp .aa{font-size:clamp(70px, 10vw, 130px);line-height:1;letter-spacing:-.04em}.tp .aa.u{font-family:"Fromage",var(--f-display);font-weight:400}.tp .aa.m{font-family:"Sofia Pro","sofia-pro",var(--f-body);font-weight:500}.tp .ab{font-size:15px;color:var(--mute);letter-spacing:.04em;word-break:break-word}.tnote{margin-top:14px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.tp small{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}@media (max-width:700px){.pal{flex-direction:column;height:auto}.sw{flex:none;height:68px;flex-direction:row;align-items:center;justify-content:space-between;transition:height .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.sw:hover,.sw:focus-visible,.sw.on{flex:none;height:120px}.sw em{position:static;opacity:.7}.type2{grid-template-columns:1fr}}.board{background:#0b0b0c;border:1px solid rgb(255 255 255 / .1);border-radius:24px;padding:clamp(16px, 2.6vw, 32px);display:grid;gap:14px}.bhead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8d8d92;padding-bottom:14px;border-bottom:1px solid rgb(255 255 255 / .08)}.bsub{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8d8d92;margin:6px 0 -4px}.board .pal{height:clamp(200px, 26vw, 280px)}.board .pal2{height:clamp(130px, 15vw, 170px)}.board .sw{border-color:rgb(255 255 255 / .14);box-shadow:none}.board .sw:hover,.board .sw:focus-visible,.board .sw.on{box-shadow:none}.board .type2{margin-top:8px}.board .tp{background:#131315;border:1px solid rgb(255 255 255 / .08);color:#f2f2f2}.board .tp .ab,.board .tp small{color:#8d8d92}@media (max-width:700px){.board .pal,.board .pal2{height:auto}}.stack{display:grid;gap:0}.sc{position:sticky;top:calc(100px + var(--i) * 18px);margin-bottom:clamp(60px, 14vh, 140px);border-radius:24px;padding:clamp(20px, 3vw, 40px);background:var(--ink-2);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(20px, 4vw, 56px);align-items:center;transform-origin:50% 0;will-change:transform,filter;box-shadow:0 -20px 60px -30px rgb(110 0 255 / .5);height:clamp(400px, 68vh, 540px);overflow:hidden}.sc:last-child{margin-bottom:0}.sc .cap{display:grid;gap:12px;align-content:center}.sc .cap .n{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--violet)}.sc .cap h3{font-size:clamp(20px, 2.4vw, 30px)}.sc .cap p{color:var(--mute);font-size:15px}.sc .scv{display:grid;place-items:center;min-width:0;width:100%}.sc .scv>.br{width:100%}.ph{width:min(190px, 40%);aspect-ratio:9 / 18;border-radius:28px;border:6px solid #0e0e10;background:var(--ink);overflow:hidden;box-shadow:0 30px 70px -30px rgb(110 0 255 / .8);container-type:inline-size;padding:14px 10px;display:grid;gap:8px;align-content:start}.ph .mk-t{font-size:11cqi}.ph .mk-nav b{font-size:7cqi}.ph .mk-nav span i{width:12cqi;height:2cqi}.ph .mk-grid{grid-template-columns:1fr 1fr;gap:4cqi}.ph .mk-grid i{aspect-ratio:1;border-radius:4cqi}.duo{display:flex;gap:clamp(10px, 3vw, 30px);align-items:center;justify-content:center;width:100%}.duo .br{flex:1 1 62%}.duo .ph:nth-child(2){transform:translateY(18px) rotate(3deg)}@media (max-width:860px){.sc{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:clamp(460px, 74vh, 560px);position:sticky;top:calc(84px + var(--i) * 12px);margin-bottom:70px}.duo .br{flex-basis:70%}.ph{width:28%}}.cimg{display:block;width:100%;height:auto;max-height:min(78vh, 760px);object-fit:cover}.pv.v3{aspect-ratio:1918 / 907;padding:0;display:block;background:var(--ink-3);border:1px solid var(--line)}.pp:has(.pimg){grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);flex-basis:min(80vw, 860px)}@media (max-width:860px){.pp:has(.pimg){grid-template-columns:1fr;flex-basis:82vw}.pv.v3{max-height:none}}.pimg{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.bimg{display:block;width:100%;height:auto}.sc .scv>.br{display:block}.sc .br .bimg{max-height:calc(100% - 33px);object-fit:cover;object-position:top left}.ph.shot{padding:0;display:block;aspect-ratio:9 / 19;background:#fff8ee}.ph.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.duo .br{align-self:center}.res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rs{padding:clamp(22px, 3vw, 34px);border-radius:16px;display:grid;gap:10px}.rs b{font-family:var(--f-display);font-weight:300;font-size:clamp(54px, 7vw, 92px);line-height:1;letter-spacing:-.04em;color:#fff0;-webkit-text-stroke:1px rgb(255 255 255 / .32);transition:color .5s,-webkit-text-stroke-color .5s,text-shadow .5s;font-variant-numeric:tabular-nums}.rs:hover b{color:var(--violet);-webkit-text-stroke-color:var(--violet);text-shadow:0 0 40px rgb(168 85 247 / .5)}.rs span{color:var(--mute)}@media (max-width:700px){.res{grid-template-columns:1fr}}.concl{margin-top:clamp(40px, 6vw, 80px)}#projets{overflow-x:clip}.cf{display:grid;gap:28px}.cf-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px, 5vw, 72px);align-items:end;margin-bottom:clamp(32px, 5vw, 56px)}.cf-head .hd{display:grid;gap:16px}.cf-head h2{font-size:clamp(26px, 4.2vw, 50px)}.cf-intro{color:var(--mute);font-size:17px;max-width:52ch}.cf-stage{position:relative;height:clamp(390px, 46vw, 480px);perspective:1400px;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:20px}.cf-stage:focus-visible{outline-offset:10px}.cf-card{--o:0;--ao:0;--op:1;position:absolute;top:0;left:50%;width:min(420px, 78%);height:100%;border-radius:20px;padding:clamp(22px, 3vw, 34px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;background:linear-gradient(160deg,rgb(66 6 130 / .8),var(--ink-2) 72%);border:1px solid var(--line);cursor:pointer;opacity:var(--op);filter:brightness(calc(1 - var(--ao) * .2));transform:translateX(-50%) translateX(calc(var(--o) * 62%)) translateZ(calc(var(--ao) * -150px)) rotateY(calc(var(--o) * -36deg)) scale(calc(1 - var(--ao) * .06)); transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s ease,filter .5s ease,box-shadow .5s ease}.cf-card.on{cursor:default;box-shadow:0 34px 90px -34px rgb(110 0 255 / .85)}.cf-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cf-top .n{color:var(--violet)}.cf-top .nm{color:var(--mute)}.cf-art{width:100%;height:100%;min-height:0;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center}.cf-art.me{background:radial-gradient(60% 60% at 50% 40%,rgb(110 0 255 / .35),transparent 70%),var(--ink-3);font-family:var(--f-display);font-weight:300;font-size:clamp(54px, 9vw, 96px);color:#fff0;-webkit-text-stroke:1px rgb(255 255 255 / .4)}.cf-bot{display:grid;gap:14px}.cf-bot h3{font-size:clamp(22px, 3vw, 32px);font-weight:300;letter-spacing:-.02em}.cf-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;width:fit-content;transition:color .25s,gap .25s}.cf-link:hover{color:var(--violet);gap:16px}.cf-ui{display:flex;justify-content:center;align-items:center;gap:18px}.cf-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff0;color:var(--white);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .25s,border-color .25s,box-shadow .3s,transform .25s}.cf-btn:hover{background:var(--violet-2);border-color:var(--violet-2);box-shadow:0 10px 30px -6px rgb(110 0 255 / .8);transform:translateY(-2px)}.cf-dots{display:flex;gap:8px}.cf-dot{width:10px;height:10px;padding:0;border-radius:99px;border:0;background:rgb(255 255 255 / .22);cursor:pointer;transition:width .35s ease,background .3s}.cf-dot[aria-current="true"]{width:30px;background:var(--violet);box-shadow:0 0 14px var(--violet-2)}.cf-detail{max-width:840px;margin-inline:auto;width:100%;text-align:center;min-height:190px}.cfd{display:grid;gap:18px;justify-items:center;animation:cfIn .6s ease}.cfd[hidden]{display:none}.cfd-t{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}.cfd-d{font-size:clamp(17px, 1.9vw, 21px);line-height:1.6;max-width:56ch}.cfd .tags{justify-content:center;margin-top:0}@keyframes cfIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:860px){.cf-head{grid-template-columns:1fr}}.ctaw{padding:clamp(30px, 5vw, 60px);border-radius:20px;background:radial-gradient(500px circle at 80% 0%,rgb(110 0 255 / .3),transparent 70%) var(--ink-2);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.ctaw h2{font-size:clamp(24px, 3.6vw, 44px)}.ctaw p{color:var(--mute);margin-top:10px;max-width:48ch}.ctaw .acts{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:760px){.ctaw{grid-template-columns:1fr}}.toast{position:fixed;z-index:40;left:50%;bottom:calc(24px + env(safe-area-inset-bottom, 0px));transform:translate(-50%,30px);opacity:0;padding:12px 22px;border-radius:99px;background:var(--violet-2);font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:opacity .3s,transform .3s;pointer-events:none;box-shadow:0 14px 40px -8px rgb(110 0 255 / .9)}.toast.show{opacity:1;transform:translate(-50%,0)}@media (max-width:760px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.lit .w{color:#fff}.lit .w.k{color:var(--violet)}.cover-frame{clip-path:none}}