:root{--bg: #f5f3ee;--fg: #151718;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #151718;--fg: #ece9e2;color-scheme:dark}}:root[data-theme=dark]{--bg: #151718;--fg: #ece9e2;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}.visually-hidden,.fruit:not(:hover,:focus-visible) .fruit__work{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body{display:grid;grid-template-rows:minmax(10dvh, auto) 1fr minmax(10dvh, auto);min-height:100dvh}.site-header,.site-footer{display:grid;grid-template-columns:1fr auto 1fr;place-items:center;gap:clamp(12px,2vw,32px);padding-inline:20px}.site-header{padding-block:7px}.site-header>:first-child{justify-self:start}.site-logo{height:clamp(40px,7dvh,72px);aspect-ratio:422/199}.site-header>:last-child,.site-footer>.motion-toggle{grid-column:3;justify-self:end}.site-footer{padding-block:clamp(8px,1.5dvh,16px) clamp(16px,4dvh,48px)}.site-footer>.cta{grid-column:2}.site-main{display:grid;place-items:center;padding-inline:clamp(16px,4vw,48px);text-align:center}.dot{width:14px;height:14px;border:1px solid var(--fg);border-radius:50%;background:var(--bg);transition:background-color .3s ease;flex:none;margin:0;appearance:none;cursor:pointer}.dot:checked{background:var(--fg)}.dot:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.cta{position:relative;min-height:66px;padding:0 1.82em 0 2em;border:1px solid var(--fg);background:var(--bg);color:var(--fg);font:600 1.125rem/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,color .3s ease}.cta::before,.cta::after{width:14px;height:14px;border:1px solid var(--fg);border-radius:50%;background:var(--bg);transition:background-color .3s ease;content:"";position:absolute;top:50%;translate:0 -50%}.cta::before{left:-7px}.cta::after{right:-7px}.cta:is(:hover,:focus-visible){background:var(--fg);color:var(--bg)}.cta:is(:hover,:focus-visible)::before,.cta:is(:hover,:focus-visible)::after{background:var(--fg)}.cta:focus-visible{outline:2px solid var(--fg);outline-offset:5px}.contact{padding:1.25em 2em;border:1px solid var(--fg);background:var(--bg);color:var(--fg);text-align:center}@supports (position-area: top){.contact{inset:auto;margin:0 0 .75em;position-area:top}}.contact__title{margin:0 0 .75em;font:600 .875rem/1 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}.contact__address{margin:0;font-size:1.125rem}.wheel{--size: 66px;position:relative;display:grid;place-items:center;width:var(--size);height:var(--size);margin:0;padding:0;border:1px solid rgba(0,0,0,0);border-radius:50%}.wheel::before{content:"";position:absolute;inset:-1px;border:inherit;border-radius:inherit;background:radial-gradient(circle at var(--at), var(--fill), var(--fg) calc(var(--size)*.7)) border-box;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}:root:not([data-theme]) .wheel{visibility:hidden}.wheel__icon{width:54%;height:54%;fill:var(--fill);stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.wheel__icon *{vector-effect:non-scaling-stroke}.wheel__spot{position:absolute;inset:-1px;border-radius:50%;cursor:pointer}.wheel__spot>.dot{position:absolute;left:calc(50% + var(--x)*(var(--size)/2 - .5px));top:calc(50% + var(--y)*(var(--size)/2 - .5px));translate:-50% -50%}.wheel .dot:checked{border-color:var(--accent);background:var(--fill)}:root[data-theme=light] .wheel{--light: #7a5000;--light-fill: #ffc928;--printemps: #28781c;--printemps-fill: #9bdc5c;--ete: #a31452;--ete-fill: #ff8fbd;--automne: #952a09;--automne-fill: #ff9a3d;--hiver: #1b68c0;--hiver-fill: #9fd0ff}:root[data-theme=dark] .wheel{--dark: #ffe08a;--dark-fill: #d9a520;--printemps: #a9e38c;--printemps-fill: #4f9a3a;--ete: #ff9fc6;--ete-fill: #d6558f;--automne: #ff9b5e;--automne-fill: #d9662b;--hiver: #bfe3ff;--hiver-fill: #4a90d9}:root:not([data-theme=light]) .wheel__icon--light{display:none}:root[data-theme=light] .wheel--theme{--accent: var(--light);--fill: var(--light-fill);--at: 50% 0%}.wheel__spot:has(>[name=theme][value=light]){--x: 0;--y: -1;clip-path:inset(-50% -50% 50%)}:root:not([data-theme=dark]) .wheel__icon--dark{display:none}:root[data-theme=dark] .wheel--theme{--accent: var(--dark);--fill: var(--dark-fill);--at: 50% 100%}.wheel__spot:has(>[name=theme][value=dark]){--x: 0;--y: 1;clip-path:inset(50% -50% -50%)}:root:not([data-season=printemps]) .wheel__icon--printemps{display:none}:root[data-season=printemps] .wheel--season{--accent: var(--printemps);--fill: var(--printemps-fill);--at: 50% 0%}.wheel__spot:has(>[name=season][value=printemps]){--x: 0;--y: -1;clip-path:polygon(50% 50%, -50% -50%, 150% -50%)}:root:not([data-season=ete]) .wheel__icon--ete{display:none}:root[data-season=ete] .wheel--season{--accent: var(--ete);--fill: var(--ete-fill);--at: 100% 50%}.wheel__spot:has(>[name=season][value=ete]){--x: 1;--y: 0;clip-path:polygon(50% 50%, 150% -50%, 150% 150%)}:root:not([data-season=automne]) .wheel__icon--automne{display:none}:root[data-season=automne] .wheel--season{--accent: var(--automne);--fill: var(--automne-fill);--at: 50% 100%}.wheel__spot:has(>[name=season][value=automne]){--x: 0;--y: 1;clip-path:polygon(50% 50%, 150% 150%, -50% 150%)}:root:not([data-season=hiver]) .wheel__icon--hiver{display:none}:root[data-season=hiver] .wheel--season{--accent: var(--hiver);--fill: var(--hiver-fill);--at: 0% 50%}.wheel__spot:has(>[name=season][value=hiver]){--x: -1;--y: 0;clip-path:polygon(50% 50%, -50% 150%, -50% -50%)}.scene,.life,.orchard{translate:var(--cam-x, 0) var(--cam-y, 0);scale:var(--cam-zoom, 1)}.scene,.orchard{transition:translate 1.6s cubic-bezier(.65, 0, .35, 1),scale 1.6s cubic-bezier(.65, 0, .35, 1)}.scene,.life{transform-origin:var(--tree-x) var(--foot-y)}.camera-cut :is(.scene,.life,.orchard){transition:none}@media (prefers-reduced-motion: reduce){.scene,.orchard{transition:none}}@property --reveal{syntax:"<length>";inherits:false;initial-value:0px}:root{--tree-h: 90dvh;--tree-x: 36vw;--foot-y: 90dvh}@media (orientation: portrait){:root{--tree-h: 59dvh;--tree-x: 50vw;--foot-y: 84dvh}}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg)}.scene__decor{position:absolute;inset:0;background:var(--decor) center bottom/cover no-repeat}.scene__tree{left:calc(var(--tree-x) - var(--tree-h) * .4296888889);top:calc(var(--foot-y) - var(--tree-h) * .9389);height:var(--tree-h);aspect-ratio:1200/1350;transform-origin:48.34% 93.89%;--heart-at: .4893;position:absolute;background:var(--tree) center/contain no-repeat}.scene--leaving{mask-image:radial-gradient(circle at var(--heart-x) var(--heart-y), rgba(0,0,0,0) calc(var(--reveal) - var(--feather)), #000 var(--reveal))}.scene,.orchard{--tree: url("/img/scene/light-ete-arbre.avif");--decor: url("/img/scene/light-ete-paysage.avif");--fruit-light: #ffe2c4;--fruit: #ef5b2a;--fruit-dark: #9c2a12;--fruit-alt-light: #e6fdff;--fruit-alt: #33d6e0;--fruit-alt-dark: #0f6f86}@media (orientation: portrait){.scene,.orchard{--decor: url("/img/scene/light-ete-portrait.avif")}}@media (prefers-color-scheme: dark){.scene,.orchard{--tree: url("/img/scene/dark-ete-arbre.avif");--decor: url("/img/scene/dark-ete-paysage.avif");--fruit-light: #e6fdff;--fruit: #33d6e0;--fruit-dark: #0f6f86;--fruit-alt-light: #ffe2c4;--fruit-alt: #ef5b2a;--fruit-alt-dark: #9c2a12}}@media (prefers-color-scheme: dark) and (orientation: portrait){.scene,.orchard{--decor: url("/img/scene/dark-ete-portrait.avif")}}:where(:root[data-theme=light][data-season=printemps]) :is(.scene,.orchard),.scene[data-theme=light][data-season=printemps]{--tree: url("/img/scene/light-printemps-arbre.avif");--decor: url("/img/scene/light-printemps-paysage.avif");--fruit-light: #ffe0e3;--fruit: #f06a7a;--fruit-dark: #a8323f;--fruit-alt-light: #fff4c9;--fruit-alt: #ffc94a;--fruit-alt-dark: #b0701a}@media (orientation: portrait){:where(:root[data-theme=light][data-season=printemps]) :is(.scene,.orchard),.scene[data-theme=light][data-season=printemps]{--decor: url("/img/scene/light-printemps-portrait.avif")}}:where(:root[data-theme=light][data-season=ete]) :is(.scene,.orchard),.scene[data-theme=light][data-season=ete]{--tree: url("/img/scene/light-ete-arbre.avif");--decor: url("/img/scene/light-ete-paysage.avif");--fruit-light: #ffe2c4;--fruit: #ef5b2a;--fruit-dark: #9c2a12;--fruit-alt-light: #e6fdff;--fruit-alt: #33d6e0;--fruit-alt-dark: #0f6f86}@media (orientation: portrait){:where(:root[data-theme=light][data-season=ete]) :is(.scene,.orchard),.scene[data-theme=light][data-season=ete]{--decor: url("/img/scene/light-ete-portrait.avif")}}:where(:root[data-theme=light][data-season=automne]) :is(.scene,.orchard),.scene[data-theme=light][data-season=automne]{--tree: url("/img/scene/light-automne-arbre.avif");--decor: url("/img/scene/light-automne-paysage.avif");--fruit-light: #f0dcff;--fruit: #8a3fc4;--fruit-dark: #451570;--fruit-alt-light: #ffe0cc;--fruit-alt: #ff6a3d;--fruit-alt-dark: #9a2a12}@media (orientation: portrait){:where(:root[data-theme=light][data-season=automne]) :is(.scene,.orchard),.scene[data-theme=light][data-season=automne]{--decor: url("/img/scene/light-automne-portrait.avif")}}:where(:root[data-theme=light][data-season=hiver]) :is(.scene,.orchard),.scene[data-theme=light][data-season=hiver]{--tree: url("/img/scene/light-hiver-arbre.avif");--decor: url("/img/scene/light-hiver-paysage.avif");--fruit-light: #eef7ff;--fruit: #5aa9f0;--fruit-dark: #1f5f9e;--fruit-alt-light: #fff1cc;--fruit-alt: #ffb63d;--fruit-alt-dark: #a8620c}@media (orientation: portrait){:where(:root[data-theme=light][data-season=hiver]) :is(.scene,.orchard),.scene[data-theme=light][data-season=hiver]{--decor: url("/img/scene/light-hiver-portrait.avif")}}:where(:root[data-theme=dark][data-season=printemps]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=printemps]{--tree: url("/img/scene/dark-printemps-arbre.avif");--decor: url("/img/scene/dark-printemps-paysage.avif");--fruit-light: #fff4c9;--fruit: #ffc94a;--fruit-dark: #b0701a;--fruit-alt-light: #ffe0e3;--fruit-alt: #f06a7a;--fruit-alt-dark: #a8323f}@media (orientation: portrait){:where(:root[data-theme=dark][data-season=printemps]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=printemps]{--decor: url("/img/scene/dark-printemps-portrait.avif")}}:where(:root[data-theme=dark][data-season=ete]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=ete]{--tree: url("/img/scene/dark-ete-arbre.avif");--decor: url("/img/scene/dark-ete-paysage.avif");--fruit-light: #e6fdff;--fruit: #33d6e0;--fruit-dark: #0f6f86;--fruit-alt-light: #ffe2c4;--fruit-alt: #ef5b2a;--fruit-alt-dark: #9c2a12}@media (orientation: portrait){:where(:root[data-theme=dark][data-season=ete]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=ete]{--decor: url("/img/scene/dark-ete-portrait.avif")}}:where(:root[data-theme=dark][data-season=automne]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=automne]{--tree: url("/img/scene/dark-automne-arbre.avif");--decor: url("/img/scene/dark-automne-paysage.avif");--fruit-light: #ffe0cc;--fruit: #ff6a3d;--fruit-dark: #9a2a12;--fruit-alt-light: #f0dcff;--fruit-alt: #8a3fc4;--fruit-alt-dark: #451570}@media (orientation: portrait){:where(:root[data-theme=dark][data-season=automne]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=automne]{--decor: url("/img/scene/dark-automne-portrait.avif")}}:where(:root[data-theme=dark][data-season=hiver]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=hiver]{--tree: url("/img/scene/dark-hiver-arbre.avif");--decor: url("/img/scene/dark-hiver-paysage.avif");--fruit-light: #fff1cc;--fruit: #ffb63d;--fruit-dark: #a8620c;--fruit-alt-light: #eef7ff;--fruit-alt: #5aa9f0;--fruit-alt-dark: #1f5f9e}@media (orientation: portrait){:where(:root[data-theme=dark][data-season=hiver]) :is(.scene,.orchard),.scene[data-theme=dark][data-season=hiver]{--decor: url("/img/scene/dark-hiver-portrait.avif")}}.life{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;transition:opacity .8s ease,translate 1.6s cubic-bezier(.65, 0, .35, 1),scale 1.6s cubic-bezier(.65, 0, .35, 1)}.life.is-leaving{opacity:0}@media (prefers-reduced-motion: reduce){.life{display:none}}.orchard{left:calc(var(--tree-x) - var(--tree-h) * .4296888889);top:calc(var(--foot-y) - var(--tree-h) * .9389);height:var(--tree-h);aspect-ratio:1200/1350;transform-origin:48.34% 93.89%;--hit: 44px;--fruit-size: clamp(14px, calc(var(--tree-h) * 0.02), 20px);position:fixed;margin:0;padding:0;list-style:none;pointer-events:none}.orchard>li{position:absolute}.orchard>:nth-child(1){--side: 1;text-align:start;--phase: -.83s;--turn: 0s;left:68.37%;top:64.88%}@media (orientation: portrait){.orchard>:nth-child(1){--side: -1;text-align:end}}.orchard>:nth-child(2){--side: -1;text-align:end;--phase: -1.66s;--turn: 5s;left:24.06%;top:54.23%}@media (orientation: portrait){.orchard>:nth-child(2){--side: 1;text-align:start}}.orchard>:nth-child(3){--side: 1;text-align:start;--phase: -2.49s;--turn: 10s;left:49.1%;top:48.25%}@media (orientation: portrait){.orchard>:nth-child(3){--side: -1;text-align:end}}.orchard>:nth-child(4){--side: 1;text-align:start;--phase: -3.32s;--turn: 15s;left:78.89%;top:40.03%}@media (orientation: portrait){.orchard>:nth-child(4){--side: -1;text-align:end}}.orchard>:nth-child(5){--side: -1;text-align:end;--phase: -4.15s;--turn: 20s;left:25.61%;top:29.93%}@media (orientation: portrait){.orchard>:nth-child(5){--side: 1;text-align:start}}.orchard>:nth-child(6){--side: 1;text-align:start;--phase: -4.98s;--turn: 25s;left:53.52%;top:17.54%}@media (orientation: portrait){.orchard>:nth-child(6){--side: -1;text-align:end}}.fruit{position:absolute;inset:calc(var(--hit)/-2);padding:0;border:0;border-radius:50%;background:none;color:var(--fg);font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fruit::before,.fruit::after,.fruit__ring,.fruit__body{position:absolute;inset:calc(50% - var(--span, var(--fruit-size))/2);border-radius:50%;transition:opacity .4s ease,scale .5s cubic-bezier(.16, .84, .24, 1)}.fruit::before{--span: calc(var(--fruit-size) * 6);content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--fruit-light) 90%, rgba(0,0,0,0)), color-mix(in srgb, var(--fruit-light) 40%, rgba(0,0,0,0)) 45%, rgba(0,0,0,0));opacity:.7}.fruit::after{content:"";border:2px solid var(--fruit-light);opacity:0;pointer-events:none}.fruit__ring{--span: calc(var(--fruit-size) * 1.8);border:1.2px solid var(--fruit-light);opacity:.6}.fruit__ring::before{content:"";position:absolute;inset:-2.6px;background:linear-gradient(var(--fruit), var(--fruit)) no-repeat 50% 0/4px 4px,linear-gradient(var(--fruit), var(--fruit)) no-repeat 100% 50%/4px 4px,linear-gradient(var(--fruit), var(--fruit)) no-repeat 50% 100%/4px 4px,linear-gradient(var(--fruit), var(--fruit)) no-repeat 0 50%/4px 4px;rotate:45deg}.fruit__ring::after{content:"";position:absolute;inset:-70%;background:radial-gradient(closest-side, #fff, rgba(0,0,0,0) 30%),linear-gradient(rgba(0,0,0,0) 48%, #fff 50%, rgba(0,0,0,0) 52%),linear-gradient(90deg, rgba(0,0,0,0) 48%, #fff 50%, rgba(0,0,0,0) 52%);mask:radial-gradient(closest-side, #000, rgba(0,0,0,0));opacity:0}.fruit__body{background:radial-gradient(ellipse 30% 20% at 36% 30%, rgba(255,255,255,.85), rgba(0,0,0,0)),radial-gradient(circle at 38% 34%, var(--fruit-light) 0 4%, var(--fruit) 42%, var(--fruit-dark));box-shadow:inset 0 0 0 1px var(--fruit-dark),0 1px 3px rgba(0,0,0,.35);transform-origin:50% -60%}.fruit__body::before,.fruit__body::after{content:"";position:absolute;bottom:90%;left:48%}.fruit__body::before{width:2px;height:28%;background:#5b4030;rotate:10deg}.fruit__body::after{width:55%;height:30%;border-radius:0 100%;background:linear-gradient(135deg, #9ccc5a, #3f7a2a);rotate:-20deg;transform-origin:0 100%}.fruit.is-open{--fruit-light: var(--fruit-alt-light);--fruit: var(--fruit-alt);--fruit-dark: var(--fruit-alt-dark)}.fruit:is(:hover,:focus-visible,.is-open){z-index:1}.fruit:is(:hover,:focus-visible,.is-open)::before,.fruit:is(:hover,:focus-visible,.is-open) .fruit__ring{opacity:1}.fruit:is(:hover,:focus-visible,.is-open) .fruit__ring{scale:1.15}.fruit:is(:hover,:focus-visible,.is-open) .fruit__body{scale:1.12}.fruit:focus-visible{outline:2px solid var(--fg);outline-offset:-4px}.fruit__label{--pill: color-mix(in srgb, var(--bg) 85%, transparent);--tail: 14px;position:absolute;top:50%;left:calc(50% + var(--side)*(var(--fruit-size)*.9 + var(--tail) + 2px));translate:calc((var(--side) - 1)*50%) -50%;width:max-content;max-width:min(16rem,40vw);padding:.15em .6em;border-radius:.8em;background:var(--pill);font-size:.8rem;line-height:1.35;transition:opacity .6s ease}:root:has(.detail:popover-open) .fruit__label{opacity:0}.fruit__label::before{content:"";position:absolute;top:calc(50% - 1px);left:calc((1 - var(--side))*50% - (1 + var(--side))*var(--tail)/2);width:var(--tail);height:2px;background:linear-gradient(calc(var(--side)*-90deg), var(--pill), rgba(0,0,0,0))}.fruit__year{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.08em}.fruit__work{display:block}@media (prefers-reduced-motion: no-preference){.fruit:is(:hover,:focus-visible) .fruit__work{animation:fruit-unfold .4s ease-out}}@keyframes fruit-unfold{from{opacity:0;translate:calc(var(--side)*-6px) 0}}:root:has(.motion-toggle:not([hidden])) .fruit::before{animation:fruit-breathe 3.2s var(--phase) ease-in-out infinite alternate}:root:has(.motion-toggle:not([hidden])) .fruit__ring{animation:fruit-turn 16s var(--phase) linear infinite}:root:has(.motion-toggle:not([hidden])) .fruit__body{animation:fruit-sway 4.6s var(--phase) ease-in-out infinite alternate}:root:has(.motion-toggle:not([hidden])) .fruit__ring::after{animation:fruit-twinkle 30s var(--turn) ease-out infinite}:root:has(.motion-toggle[aria-pressed=true]) .fruit::before,:root:has(.motion-toggle[aria-pressed=true]) .fruit__ring,:root:has(.motion-toggle[aria-pressed=true]) .fruit__ring::after,:root:has(.motion-toggle[aria-pressed=true]) .fruit__body{animation-play-state:paused}@keyframes fruit-breathe{from{scale:.9}to{scale:1.1}}@keyframes fruit-turn{to{rotate:1turn}}@keyframes fruit-sway{from{rotate:-4deg}to{rotate:4deg}}@keyframes fruit-twinkle{0%{opacity:0;scale:.3}1.3333333333%{opacity:1;scale:1}4.6666666667%, 100%{opacity:0;scale:.3}}.detail{--from: 3vw 0;--fade: 90deg;--edge: 12vw;--gutter: 2.5vw;position:fixed;inset:0 0 0 auto;width:calc(max(30vw,20rem) + var(--edge));height:100%;margin:0;padding:12dvh var(--gutter) 5dvh calc(var(--edge) + var(--gutter));border:0;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(var(--fade), color-mix(in srgb, var(--bg) 0%, rgba(0,0,0,0)) calc(var(--edge) * 0),color-mix(in srgb, var(--bg) 2.8%, rgba(0,0,0,0)) calc(var(--edge) * .1),color-mix(in srgb, var(--bg) 10.4%, rgba(0,0,0,0)) calc(var(--edge) * .2),color-mix(in srgb, var(--bg) 21.6%, rgba(0,0,0,0)) calc(var(--edge) * .3),color-mix(in srgb, var(--bg) 35.2%, rgba(0,0,0,0)) calc(var(--edge) * .4),color-mix(in srgb, var(--bg) 50%, rgba(0,0,0,0)) calc(var(--edge) * .5),color-mix(in srgb, var(--bg) 64.8%, rgba(0,0,0,0)) calc(var(--edge) * .6),color-mix(in srgb, var(--bg) 78.4%, rgba(0,0,0,0)) calc(var(--edge) * .7),color-mix(in srgb, var(--bg) 89.6%, rgba(0,0,0,0)) calc(var(--edge) * .8),color-mix(in srgb, var(--bg) 97.2%, rgba(0,0,0,0)) calc(var(--edge) * .9),color-mix(in srgb, var(--bg) 100%, rgba(0,0,0,0)) calc(var(--edge) * 1));color:var(--fg);text-align:start;opacity:0;translate:var(--from);transition:opacity .7s ease,translate 1s cubic-bezier(.16, .84, .24, 1),overlay 1s allow-discrete,display 1s allow-discrete}.detail:popover-open{display:grid;align-content:center;justify-items:start;gap:1.1rem;opacity:1;translate:0 0}@starting-style{.detail:popover-open{opacity:0;translate:var(--from)}}.detail::backdrop{background:rgba(0,0,0,.1)}@media (orientation: portrait){.detail{--from: 0 5dvh;--fade: 180deg;--edge: 12dvh;--gutter: 5vw;inset:auto 0 0;width:100%;height:auto;max-height:66dvh;padding:calc(var(--edge) + 1dvh) var(--gutter) 3dvh}}@supports not selector(:popover-open){.detail{display:none}}.site-header,.site-footer{transition:opacity .6s ease}:root:has(.detail:popover-open) :is(.site-header,.site-footer){opacity:.3}@media (prefers-reduced-motion: no-preference){.detail:popover-open>*{animation:detail-rise .7s cubic-bezier(.16, .84, .24, 1) backwards}.detail:popover-open>:nth-child(2){animation-delay:70ms}.detail:popover-open>:nth-child(3){animation-delay:140ms}.detail:popover-open>:nth-child(4){animation-delay:210ms}.detail:popover-open>:nth-child(5){animation-delay:280ms}.detail:popover-open>:nth-child(6){animation-delay:350ms}.detail:popover-open>:nth-child(7){animation-delay:420ms}}@keyframes detail-rise{from{opacity:0;translate:0 12px}}@media (prefers-reduced-motion: reduce){.detail{transition:none}}.detail :is(.detail__eyebrow,dt,.detail__step){font:600 .75rem/1.2 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}.detail :is(p,h2,dl,dd){margin:0}.detail__title{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:500;line-height:1.05;text-wrap:balance}.detail__ornament{position:relative;width:140px;height:7px;background:linear-gradient(90deg, rgba(0,0,0,0), currentColor 42%, rgba(0,0,0,0) 42% 58%, currentColor 58%, rgba(0,0,0,0)) center/100% 1px no-repeat}.detail__ornament::after{content:"";position:absolute;inset:0;width:7px;margin:auto;border:1px solid currentColor;rotate:45deg}.detail__baseline{max-width:30ch;font-size:clamp(1.15rem,1.9vw,1.45rem);font-style:italic;line-height:1.4;text-wrap:pretty}.detail__meta{display:grid;gap:6px}.detail__close{position:absolute;top:3dvh;right:var(--gutter);width:44px;height:44px;padding:0;border:1px solid var(--fg);border-radius:50%;background:var(--bg);color:inherit;cursor:pointer}.detail__close::before,.detail__close::after{content:"";position:absolute;inset:0;width:16px;height:1.5px;margin:auto;background:currentColor;rotate:45deg}.detail__close::after{rotate:-45deg}.detail__steps{display:flex;justify-self:stretch;margin-top:.6rem;padding-top:.9rem;border-top:1px solid color-mix(in srgb, var(--fg) 20%, rgba(0,0,0,0))}.detail__step{min-height:44px;padding:0 6px;border:0;background:none;color:inherit;cursor:pointer}.detail__step--prev::before{content:"‹ "}.detail__step--next{margin-left:auto}.detail__step--next::after{content:" ›"}.detail :is(.detail__close,.detail__step):focus-visible{outline:2px solid var(--fg);outline-offset:3px}.motion-toggle{position:relative;width:66px;height:66px;padding:0;border:1px solid var(--fg);border-radius:50%;background:var(--bg);color:var(--fg);cursor:pointer}.motion-toggle::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:22px;border-inline:6px solid currentColor}.motion-toggle[aria-pressed=true]::before{width:0;height:0;margin-left:calc(50% - 6px);border-block:12px solid rgba(0,0,0,0);border-inline:20px solid currentColor;border-right:0}.motion-toggle:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.intro{display:none}@media (prefers-reduced-motion: no-preference){.intro{position:fixed;inset:0;z-index:1;display:grid;place-items:center;background:var(--bg);color:var(--fg);animation:intro-end 3.5s forwards}.intro-logo{width:50vw;animation:logo-in 2s ease-out,logo-out 1s ease-in 2.5s forwards}.site-header,.site-main,.site-footer{animation:page-in 2s ease-out 3.5s backwards}}:root[data-intro=off] .intro{display:none}:root[data-intro=off] :is(.site-header,.site-main,.site-footer){animation:none}@keyframes logo-in{from{opacity:0;scale:0;filter:blur(24px)}}@keyframes logo-out{to{opacity:0;scale:1.6;filter:blur(24px)}}@keyframes intro-end{to{visibility:hidden}}@keyframes page-in{from{opacity:0}}.intro-skip{display:none}:root[data-intro=play] .intro-skip{position:absolute;bottom:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.75em;padding:.4em .6em;border:0;background:none;color:inherit;font:inherit;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;cursor:pointer;animation:skip-in 1s ease-out .5s backwards}.intro-skip:is(:hover,:focus-visible){opacity:1}.intro-skip:focus-visible{outline:2px solid currentColor;outline-offset:3px}.intro-skip kbd{padding:.15em .5em;border:1px solid currentColor;border-bottom-width:3px;border-radius:.35em;font:inherit}@keyframes skip-in{from{opacity:0}}