*{box-sizing:border-box}
.home{--field:#2b338f;--ink:#ece9f7;--accent:#ffc66b;--minitint:#ffb14e}
.about{--field:#b14a22;--ink:#fcefe0;--accent:#ffe08a;--wordtint:#f6c9a6;--minitint:#ffb14e}
.work{--field:#14564f;--ink:#e7f1ec;--accent:#ffc66b;--wordtint:#bfe3cf}
.contact{--field:#5e2238;--ink:#fbeede;--accent:#ffc66b;--wordtint:#f4c4b0}
html,body{margin:0}
body{--soft:color-mix(in srgb,var(--ink) 82%,transparent);--faint:color-mix(in srgb,var(--ink) 60%,transparent);--hair:color-mix(in srgb,var(--ink) 30%,transparent);--disp:'Gloock',Georgia,serif;--mono:'Karla',system-ui,sans-serif;font-family:'General Sans',system-ui,sans-serif;--pad:clamp(24px,4vw,72px);background:var(--field);color:var(--ink);min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:var(--pad);padding:var(--pad);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}
:focus-visible{outline:1.5px solid var(--accent);outline-offset:4px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(115% 95% at 50% 32%,rgba(255,255,255,.07),rgba(255,255,255,0) 55%),radial-gradient(130% 120% at 50% 108%,rgba(0,0,0,.34),rgba(0,0,0,0) 58%)}
.grain::before,.grain::after{content:"";position:fixed;inset:0;pointer-events:none}
.grain::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271440%27%20height%3D%27900%27%20preserveAspectRatio%3D%27none%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.014%27%20numOctaves%3D%272%27%20seed%3D%279%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23n)%27%2F%3E%3C%2Fsvg%3E") center/cover;mix-blend-mode:soft-light;opacity:.28}
.grain::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27400%27%20height%3D%27400%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.055%27%20numOctaves%3D%272%27%20seed%3D%2714%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%270.5%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url(%23n)%27%2F%3E%3C%2Fsvg%3E") 0 0/400px 400px;mix-blend-mode:overlay;opacity:.1}
.side,.page,.frame{position:relative;z-index:1}
.grain{position:absolute;pointer-events:none}
.side{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(40px,10svh,120px)}
.brand{display:flex;flex-direction:column;align-items:center;gap:14px}
.flower{width:clamp(84px,8.5vw,130px);aspect-ratio:1}
.flower svg{display:block;width:100%;height:100%;overflow:visible}
.flower path[fill="#ffb14e"]{fill:var(--minitint,var(--accent))}
.wm{font-family:var(--disp);font-size:clamp(40px,4.4vw,72px);letter-spacing:-.03em;line-height:.9}
.say{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--ink);margin-top:-2px}
.say i{width:3px;height:3px;border-radius:50%;background:var(--accent)}
.def{position:relative;margin:8px 0 0;padding-top:14px;max-width:34ch;font-family:var(--mono);font-size:11.5px;line-height:1.65;letter-spacing:.02em;color:var(--soft);text-wrap:balance}
.def::before{content:"";position:absolute;top:0;left:50%;width:28px;margin-left:-14px;border-top:1px solid color-mix(in srgb,var(--ink) 40%,transparent)}
.def em{font-style:normal;color:var(--accent)}
.nav{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--disp);font-size:clamp(20px,1.7vw,26px);line-height:1.15}
.nav a[aria-current]{color:var(--accent)}
.nav .ig{margin-top:20px;display:flex;color:var(--ink)}
.nav .ig:hover{color:var(--accent)}
.page{max-width:860px;justify-self:start;padding-right:clamp(0px,4vw,60px)}
.statement{font-family:var(--disp);font-size:clamp(24px,2.5vw,38px);line-height:1.2;letter-spacing:-.012em;margin:0;text-wrap:pretty}
.statement .hl:not(:hover){color:var(--accent)}
.statement+.statement{margin-top:.75em;color:var(--soft)}
.big{font-family:var(--disp);font-weight:400;font-size:clamp(56px,6.7vw,96px);line-height:1;letter-spacing:-.012em;margin:0}
.headline{font-family:var(--disp);font-weight:400;font-size:clamp(34px,4.2vw,62px);line-height:1.12;letter-spacing:-.012em;margin:0;text-wrap:balance}
.meta{margin:28px 0 0;font-family:var(--disp);font-size:clamp(20px,1.9vw,26px);color:var(--soft);line-height:1.3}
.meta+.meta{margin-top:10px}
.meta a,.links a{color:var(--accent)}
.meta a:hover,.links a:hover{opacity:.75}
.links{margin:44px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px;font-family:var(--disp);font-size:clamp(20px,1.9vw,26px)}
.w{transition:color 1.6s ease}
.w:hover{color:var(--wordtint);transition-duration:.12s}
.about .statement .w:hover{color:var(--accent)}.about .statement .hl:hover{color:var(--wordtint)}
.frame{justify-self:center;position:relative;height:min(62svh,620px);max-width:100%;aspect-ratio:4/5;overflow:hidden;background:color-mix(in srgb,var(--ink) 8%,transparent);cursor:pointer}
.frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;visibility:hidden}
.frame img.was{visibility:visible}.frame img.on{visibility:visible;z-index:1}
@media (hover:hover){.frame{cursor:none}}
.cur{position:fixed;left:0;top:0;z-index:50;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s}
.cur.on{opacity:1}
.cur span{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;line-height:1;letter-spacing:.05em;color:#000;white-space:nowrap}
.gal{align-items:start}.gal .side{position:sticky;top:var(--pad);min-height:calc(100svh - 2*var(--pad));justify-content:center}
.gal{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.gal .page{max-width:none;justify-self:stretch;padding-block:clamp(8px,8svh,96px)}
.proj-hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}
.cr{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--soft)}.cr a{color:var(--accent)}.cr a:hover{opacity:.75}
.shots{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,20px)}
.shots .row{display:flex;gap:inherit}
.shots figure{flex:var(--ar) 1 0;min-width:0;margin:0;background:color-mix(in srgb,var(--ink) 8%,transparent)}
.shots img{display:block;width:100%;height:auto}
.shots figure{position:relative;overflow:hidden}
.shots .ov{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0));opacity:0;transition:opacity .25s}
.shots .ov a{color:#fff;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.shots .ov a:hover{color:var(--accent)}
.shots figure:hover .ov,.shots figure:focus-within .ov{opacity:1}
@media (hover:none){.shots .ov{opacity:1;background:none;padding:8px 10px;text-shadow:0 1px 6px rgba(0,0,0,.6)}}
@media (max-width:900px){
.gal{grid-template-columns:minmax(0,1fr)}.gal .side{position:static;min-height:0}.gal .page{padding-block:0 24px}
body{grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.side{gap:24px}
.nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 22px}
.nav .ig{margin:0;align-self:center}
.frame{height:auto;width:min(100%,420px)}
.page{padding:8px 0 24px}
}

.wm{font-family:var(--disp)}
.statement,.nav,.meta,.links{font-weight:400}
.showcase .stage{justify-self:center}
.stage{min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.showcase .frame{justify-self:auto;height:min(58svh,560px)}
.showcase .frame img{object-position:var(--op,50% 50%)}
.showcase .frame{background:none}
.showcase .sl{position:absolute;inset:0;visibility:hidden;display:flex;flex-direction:column;gap:0}
.showcase .sl.was{visibility:visible}.showcase .sl.on{visibility:visible;z-index:1}
.showcase .frame .sl img{position:static;visibility:inherit;flex:1 1 0;min-height:0;width:100%;height:auto;object-fit:cover}
.showcase .frame .sl.whole img{object-fit:contain}
.cap2{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:44px 14px 12px;font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.04em;color:#fff;background:none;opacity:0;transition:opacity .25s;text-wrap:balance}
.frame:hover .cap2,.frame:focus-within .cap2{opacity:1}
@media (hover:none){.cap2{opacity:1;padding:8px 10px}}
.cap2 a{color:#fff;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.cap2 a:hover,.pp a:hover{color:var(--accent)}
.pp{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.04em}.pp a{color:var(--soft)}
.showcase .cur span{color:#fff}
@media (max-width:900px){.showcase .frame{height:auto;width:min(100%,380px)}}
.pf .vault{align-self:center}.pf.open .vault{align-self:start}
.pf .vault [hidden]{display:none!important}
.pf .vault button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.pf .gate{display:flex;flex-direction:column;align-items:flex-start;max-width:640px}
.pf .pw{margin-top:40px;display:flex;align-items:flex-end;gap:20px;width:min(460px,100%);border-bottom:1px solid var(--hair);transition:border-color .2s}
.pf .pw:focus-within,.pf .ask label:focus-within{border-color:var(--accent)}
.pf .pw input,.pf .ask input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font-family:var(--disp);font-weight:400;font-size:clamp(24px,2.4vw,32px);padding:6px 0 10px}
.pf .pw input::placeholder,.pf .ask input::placeholder{color:var(--faint)}
.pf .pw button,.pf .send{font-family:var(--disp);font-weight:400;font-size:clamp(20px,1.9vw,26px);color:var(--accent);padding-bottom:12px;white-space:nowrap}
.pf .pw button:hover,.pf .send:hover,.pf .lnk:hover{opacity:.7}
.pf .note{margin:14px 0 0;min-height:1.4em;font-family:var(--mono);font-size:13px;color:var(--accent)}
.pf .gate .meta{margin-top:18px}.pf .lnk{color:var(--accent)}
.pf .ask{margin-top:28px;display:grid;gap:22px;width:min(460px,100%)}
.pf .ask label{display:grid;gap:2px;border-bottom:1px solid var(--hair);transition:border-color .2s}
.pf .ask span{font-family:var(--mono);font-size:12px;color:var(--faint)}
.pf .ask input{font-size:22px;padding:2px 0 8px}
.pf .send{justify-self:start;margin-top:6px}
.pf .reelbar{display:none}
.pf .strip{display:flex;gap:clamp(10px,1.4vw,20px);align-items:flex-start;outline:0}
.pf .mcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(10px,1.4vw,20px)}
.pf .strip img{display:block;width:100%;height:auto;opacity:0;transition:opacity .6s;background:color-mix(in srgb,var(--ink) 8%,transparent)}
.pf .strip img.in{opacity:1}
.pf .ph{position:relative;margin:0;overflow:hidden;cursor:zoom-in;outline:0}
.pf .ph figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:44px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0));color:#fff;opacity:0;transition:opacity .25s;pointer-events:none;font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.04em}
.pf .ph:hover figcaption,.pf .ph:focus-visible figcaption{opacity:1}
@media (hover:none){.pf .ph figcaption{opacity:1;background:none;padding:8px 10px;text-shadow:0 1px 6px rgba(0,0,0,.6)}}
.pf .c{display:flex;flex-wrap:wrap;column-gap:.6em}.pf .c>span+span::before{content:"· ";}
.lb{position:fixed;inset:0;z-index:70;background:var(--field);display:grid;place-items:center;padding:72px 96px}
.lb[hidden]{display:none}
.lbf{margin:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0}
.lbf img{max-width:100%;max-height:calc(100% - 48px);min-height:0;object-fit:contain;display:block}
.lbf figcaption{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.6em;text-align:center;max-width:560px;color:var(--soft);font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.lbf figcaption:empty{display:none}.lbf .c{display:contents}.lbf .c>span+span::before{content:"· "}
.lb button{position:absolute;font:inherit;background:none;border:0;cursor:pointer;color:var(--accent);font-family:var(--disp);font-weight:400}
.lb .x{top:28px;right:36px;font-size:22px}
.lb .lp,.lb .ln{top:50%;transform:translateY(-50%);font-size:34px;padding:16px}
.lb .lp{left:24px}.lb .ln{right:24px}
.lb .count{position:absolute;left:36px;top:34px;font-family:var(--mono);font-size:12px;color:var(--soft);letter-spacing:.04em}
.lb button:hover{opacity:.7}
@media (max-width:900px){.lb{padding:64px 12px}.lb .lp,.lb .ln{top:auto;bottom:12px;transform:none}}
@media (max-width:900px){
body{gap:18px;padding-top:18px;align-content:start}
.side{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;text-align:left}
.brand{flex-direction:row;align-items:center;gap:10px}
.flower{width:40px}
.wm{font-size:30px}
.say,.def{display:none}
.nav{flex-direction:row;flex-wrap:nowrap;gap:16px;font-size:18px}
.nav .ig{margin:0;align-self:center}
.gal .side,.pf .side{position:static;min-height:0}
.showcase .stage{gap:12px;justify-self:stretch;width:100%}
.showcase .frame{width:100%;max-width:none;margin:0;height:auto;aspect-ratio:4/5}
.showcase .cap2{padding:10px 14px}
}
.mbtn,.mpanel{display:none}
@media (max-width:900px){
.mpanel:not([hidden]){display:flex;flex-direction:column;justify-content:center;gap:28px;position:fixed;inset:0;z-index:80;background:var(--field);padding:var(--pad)}
.mpanel nav{display:flex;flex-direction:column;gap:10px;font-family:var(--disp);font-weight:400;font-size:44px;line-height:1.1}
.mclose,.mbtn{all:unset;cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--ink)}
.mclose{position:absolute;top:24px;right:var(--pad)}
.mbtn{display:none}
[data-mnav="1"] .nav,[data-mnav="5"] .nav{display:none}
[data-mnav="1"] .mbtn{display:block}
[data-mnav="2"] .side{display:contents}[data-mnav="2"] .brand{order:0}[data-mnav="2"] .stage{order:1}[data-mnav="2"] .nav{order:2;justify-content:center;gap:24px}
[data-mnav="3"]{padding-bottom:72px}[data-mnav="3"] .side{justify-content:center}[data-mnav="3"] .nav{position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:center;gap:32px;padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:var(--field);border-top:1px solid var(--hair)}
[data-mnav="4"] .side{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}[data-mnav="4"] .nav{display:contents}[data-mnav="4"] .brand{grid-column:2;grid-row:1}[data-mnav="4"] .nav a:nth-child(1){grid-column:1;grid-row:1;justify-self:start}[data-mnav="4"] .nav a:nth-child(2){grid-column:3;grid-row:1;justify-self:end}[data-mnav="4"] .nav .ig{display:none}[data-mnav="4"] .side{font-size:18px}[data-mnav="4"] .nav a{font-family:var(--disp);font-weight:400;font-size:18px}
[data-mnav="5"] .side{justify-content:center}[data-mnav="5"] .flower{cursor:pointer}
[data-mnav="6"] .nav{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.05em;gap:14px}[data-mnav="6"] .nav .ig svg{width:18px;height:18px}
}
@media (max-width:900px){
body:not([data-mnav="2"]):not([data-mnav="4"]):not([data-mnav="7"]) .side{flex-wrap:wrap;justify-content:flex-start;column-gap:10px;row-gap:6px}
body:not([data-mnav="2"]):not([data-mnav="4"]):not([data-mnav="7"]) .brand{display:contents}
body:not([data-mnav="2"]):not([data-mnav="4"]):not([data-mnav="7"]) .flower{order:0}
body:not([data-mnav="2"]):not([data-mnav="4"]):not([data-mnav="7"]) .wm{order:1}
body:not([data-mnav="2"]):not([data-mnav="4"]):not([data-mnav="7"]) .nav,body:not([data-mnav="2"]):not([data-mnav="4"]):not([data-mnav="7"]) .mbtn{order:2;margin-left:auto}
[data-mnav="3"] .side,[data-mnav="5"] .side{justify-content:flex-start}
.def{display:block;order:3;flex-basis:100%;margin:0;padding:0;max-width:none;text-align:left;font-size:11px;line-height:1.5;color:var(--soft);text-wrap:pretty}
.def::before{display:none}
[data-mnav="2"] .brand{flex-wrap:wrap;row-gap:6px}
[data-mnav="4"] .side{position:relative;margin-bottom:24px}[data-mnav="4"] .def{position:absolute;left:0;right:0;top:calc(100% + 6px);text-align:center}
}
@media (max-width:900px){
[data-mnav="7"] .side{display:contents}
[data-mnav="7"] .brand{order:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;row-gap:6px;text-align:center}[data-mnav="7"] .def{text-align:center}[data-mnav="7"] .brand{margin:clamp(40px,9svh,80px) 0 clamp(20px,4svh,36px)}
[data-mnav="7"] .stage{order:1}
[data-mnav="7"] .nav{order:2;margin-left:0;justify-self:stretch;flex-direction:column;align-items:flex-start;gap:6px;margin:6px 0 8px;font-family:var(--mono);font-weight:500;font-size:14px;letter-spacing:.09em;text-transform:uppercase}
[data-mnav="7"] .nav{align-self:stretch}[data-mnav="7"] .nav .ig{align-self:center;margin:28px 0 4px}[data-mnav="7"] .nav .ig svg{width:22px;height:22px}
[data-mnav="7"] .pp{align-self:flex-start}
body[data-dahlia] .side .flower{display:none}
.side .def{display:none}
body[data-dahlia][data-mnav="7"] .brand{margin-top:calc(-13% - 14px)}
}
.topdef{display:none}
@media (min-width:901px){
.topdef{display:block;position:absolute;z-index:2;top:calc(var(--pad)*.55);left:var(--pad);right:var(--pad);margin:0;font-size:14.5px;line-height:1.55;color:var(--soft);text-wrap:pretty}
.topdef b{font-weight:600;color:var(--ink)}.topdef .ipa{font-family:var(--mono);font-size:12.5px;color:var(--faint)}.topdef em{font-style:normal}
.side .def,.side .say{display:none}
.bigbloom{position:fixed;z-index:0;pointer-events:none;aspect-ratio:1}
.bigbloom svg{display:block;width:100%;height:100%;overflow:visible}
.bigbloom path[fill="#ffb14e"]{fill:#ffb14e}
@keyframes bspin{to{rotate:360deg}}
[data-dahlia="1"] .bigbloom{width:min(62vw,105svh);left:-34vw;bottom:-58svh}
[data-dahlia="1"] .side .flower{display:none}
[data-dahlia="2"] .bigbloom{width:min(44vw,72svh);right:-12vw;top:-18svh;rotate:-18deg}
[data-dahlia="3"] .stage{position:relative}
[data-dahlia="3"] .bigbloom{position:absolute;width:calc(min(58svh,560px)*1.55);left:50%;top:min(29svh,280px);translate:-50% -50%}
[data-dahlia="3"] .side .flower{display:none}
[data-dahlia="4"] .b0{width:min(44vw,76svh);left:-26vw;bottom:-48svh;rotate:12deg}
[data-dahlia="4"] .b1{width:min(20vw,32svh);right:3vw;top:7svh;rotate:-30deg}
[data-dahlia="4"] .b2{width:min(9vw,15svh);right:30vw;bottom:5svh;rotate:40deg}
[data-dahlia="4"] .side .flower{display:none}
[data-dahlia="5"] .brand{position:relative;gap:0}
[data-dahlia="5"] .side .flower{width:clamp(240px,24vw,380px);margin-bottom:calc(clamp(240px,24vw,380px)*-.56);rotate:-8deg}[data-dahlia="5"] .brand{margin-bottom:clamp(60px,10svh,120px)}
[data-dahlia="5"] .wm{position:relative;z-index:1;font-size:clamp(52px,5.4vw,88px);text-shadow:0 0 18px var(--field),0 0 4px var(--field)}
[data-dahlia="5"] .side{gap:clamp(90px,16svh,180px)}
[data-dahlia="6"] .side .flower,[data-dahlia="7"] .side .flower,[data-dahlia="8"] .side .flower,[data-dahlia="9"] .side .flower,[data-dahlia="10"] .side .flower,[data-dahlia="11"] .side .flower{display:none}
[data-dahlia="6"] .bigbloom{width:min(64vw,120svh);right:-18vw;top:-42svh;rotate:-14deg}
[data-dahlia="7"] .bigbloom{width:min(78vw,125svh);left:66vw;bottom:-70svh;translate:-50% 0}
[data-dahlia="8"] .stage,[data-dahlia="10"] .stage{position:relative}
[data-dahlia="8"] .bigbloom{position:absolute;width:calc(min(58svh,560px)*2.3);left:50%;top:min(29svh,280px);translate:-50% -50%}
[data-dahlia="9"] .b0{width:min(56vw,105svh);right:-16vw;top:-38svh;rotate:20deg}
[data-dahlia="9"] .b1{width:min(30vw,52svh);left:-9vw;bottom:-22svh;rotate:-25deg}
[data-dahlia="10"] .bigbloom{position:absolute;width:calc(min(58svh,560px)*1.25);left:calc(50% + min(58svh,560px)*.4);top:min(58svh,560px);translate:-45% -55%;rotate:22deg}
[data-dahlia="11"] .bigbloom{width:140svh;right:-82svh;top:50%;translate:0 -50%}
[data-dahlia] .stage>*:not(.bigbloom){position:relative;z-index:1}
html:has(body[data-dahlia]){overflow:clip}body[data-dahlia]{overflow:clip}
}
@media (min-width:901px){
body[data-layout] .topdef{position:static;max-width:none}
body[data-layout="A"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
body[data-layout="A"] .side{order:2}body[data-layout="A"] .stage{order:1}body[data-layout="A"] .topdef{position:absolute;text-align:right}
body[data-layout="B"]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start;justify-items:center;gap:18px;height:100svh}
body[data-layout="B"] .side{order:0;gap:16px}body[data-layout="B"] .brand{flex-direction:row;gap:16px}body[data-layout="B"] .flower{width:68px}body[data-layout="B"] .wm{font-size:64px}
body[data-layout="B"] .nav{flex-direction:row;gap:30px;align-items:center}body[data-layout="B"] .nav .ig{margin:0}
body[data-layout="B"] .topdef{order:1;text-align:center;font-size:13.5px}body[data-layout="B"] .stage{order:2;align-self:center}
body[data-layout="C"]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100svh;align-items:stretch}
body[data-layout="C"] .side{display:contents}
body[data-layout="C"] .brand{grid-column:1;grid-row:1;flex-direction:row;gap:12px;justify-self:start;align-self:start}body[data-layout="C"] .flower{width:60px}body[data-layout="C"] .wm{font-size:48px}
body[data-layout="C"] .topdef{grid-column:3;grid-row:1;justify-self:end;text-align:right;max-width:340px}
body[data-layout="C"] .nav{grid-column:1;grid-row:3;flex-direction:row;align-items:center;gap:26px;justify-self:start;align-self:end}body[data-layout="C"] .nav .ig{margin:0}
body[data-layout="C"] .stage{grid-column:2;grid-row:1/4;align-self:center}
body[data-layout="D"]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;height:100svh}
body[data-layout="D"] .side{display:contents}
body[data-layout="D"] .brand{grid-column:1;grid-row:1/4;align-self:center;gap:22px}body[data-layout="D"] .flower{width:96px}
body[data-layout="D"] .wm{writing-mode:vertical-rl;rotate:180deg;font-size:min(17svh,150px);line-height:.8}
body[data-layout="D"] .nav{grid-column:3;grid-row:1;align-items:flex-end;align-self:start}body[data-layout="D"] .nav .ig{margin-top:14px}
body[data-layout="D"] .topdef{grid-column:3;grid-row:3;align-self:end;text-align:right;max-width:300px}
body[data-layout="D"] .stage{grid-column:2;grid-row:1/4;align-self:center}
body[data-layout="E"]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100svh;row-gap:0}
body[data-layout="E"] .side{display:contents}
body[data-layout="E"] .topdef{grid-column:1;grid-row:1;max-width:340px}
body[data-layout="E"] .nav{grid-column:3;grid-row:1;flex-direction:row;align-items:center;gap:26px;justify-self:end;align-self:start}body[data-layout="E"] .nav .ig{margin:0}
body[data-layout="E"] .stage{grid-column:2;grid-row:1/3;align-self:center}body[data-layout="E"] .frame{height:min(50svh,500px)}
body[data-layout="E"] .brand{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;justify-content:center;gap:2vw;margin-bottom:calc(-1*var(--pad) - 2svh)}
body[data-layout="E"] .flower{width:min(15vw,20svh)}body[data-layout="E"] .wm{font-size:min(19vw,25svh);line-height:.85}
body[data-layout="F"]{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100svh;padding:0;gap:0}
body[data-layout="F"] .stage{display:contents}
body[data-layout="F"] .frame{grid-column:1;grid-row:1/4;height:100svh;max-height:none;justify-self:start}
body[data-layout="F"] .topdef{grid-column:2;grid-row:1;padding:var(--pad) var(--pad) 0;text-align:center}
body[data-layout="F"] .side{grid-column:2;grid-row:2;align-self:center}
body[data-layout="F"] .pp{grid-column:2;grid-row:3;justify-self:center;padding-bottom:var(--pad)}
html:has(body[data-layout="E"]),body[data-layout="E"]{overflow:clip}
body[data-layout="B"] .frame{height:min(50svh,520px)}body[data-layout="B"] .topdef{margin-bottom:10px}
}
@media (min-width:901px){
body[data-layout] .brand,body[data-layout] .nav,body[data-layout] .stage{position:relative;z-index:1}
[data-layout="E"][data-dahlia="9"] .b1{width:var(--bs,min(20vw,33svh));left:var(--bx,4vw);right:auto;top:var(--by,19svh);bottom:auto;rotate:-22deg}
[data-layout="E"][data-dahlia="9"] .wm{letter-spacing:-.035em}
body[data-layout="E"] .topdef{grid-column:1/-1;max-width:none;white-space:nowrap}
body[data-layout="E"] .nav{grid-column:1;grid-row:2;flex-direction:column;align-items:flex-start;gap:6px;justify-self:start;align-self:center}body[data-layout="E"] .nav .ig{margin-top:14px}
}
@media (min-width:901px){
body[data-layout="G"]{grid-template-columns:minmax(0,1fr) auto minmax(240px,320px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto minmax(0,1fr);column-gap:clamp(28px,3vw,48px);row-gap:0;height:100svh;align-items:start}
body[data-layout="G"] .side{display:contents}
body[data-layout="G"] .stage{grid-column:2;grid-row:1/6;align-self:center}
body[data-layout="G"] .brand{grid-column:3;grid-row:2;flex-direction:row;align-items:center;gap:12px;justify-self:start;margin:0}
body[data-layout="G"] .wm{font-size:clamp(48px,4.6vw,72px);line-height:.9}
body[data-layout="G"] .topdef{grid-column:3;grid-row:3;margin:14px 0 30px;text-align:left;font-size:14px;white-space:normal}
body[data-layout="G"] .nav{grid-column:3;grid-row:4;flex-direction:column;align-items:flex-start;gap:6px;justify-self:start;margin:0}
body[data-layout="G"] .nav .ig{margin-top:14px}
}
@media (min-width:901px){
body[data-layout="G"]{grid-template-columns:minmax(0,1fr) calc(min(58svh,560px)*.8) minmax(240px,320px) minmax(0,1fr)}
body[data-layout="G"]:not(.showcase) .page{grid-column:1/3;grid-row:1/6;justify-self:end;align-self:center;width:100%;max-width:640px;max-height:calc(100svh - 2*var(--pad));overflow-y:auto;padding:0;scrollbar-width:none;position:relative;z-index:1}
body[data-layout="G"]:not(.showcase) .page::-webkit-scrollbar{display:none}
body[data-layout="G"] .statement{font-size:clamp(20px,1.9vw,30px)}
body[data-layout="G"] .statement+.statement{margin-top:.7em}
body[data-layout="G"].pf.open .page{align-self:stretch;max-width:none}
}
.brand{flex-wrap:wrap}.byline{flex-basis:100%;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
@media (min-width:901px){body[data-layout="G"] .brand{row-gap:12px;text-align:left}body[data-layout="G"] .byline{text-align:left}}
@media (min-width:901px){
body[data-layout="G"] .topdef{position:fixed;z-index:2;left:var(--pad);right:auto;top:calc(var(--pad)*.55);bottom:auto;margin:0;max-width:min(52vw,760px);text-align:left}
body[data-layout="G"][data-def="bottom"] .topdef{top:auto;bottom:calc(var(--pad)*.55)}
body[data-layout="G"] .nav{margin-top:34px}
}
.topdef,.def{font-family:var(--mono);font-size:12px;letter-spacing:.04em;line-height:1.6}.topdef b,.def b{font-family:var(--mono);font-weight:500}.topdef .ipa,.def .ipa{font-size:inherit}
@media (min-width:901px){body[data-layout="G"] .topdef{white-space:nowrap;max-width:none;font-size:12px;letter-spacing:.04em}}