@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/past-designs/18-grail/_astro/manrope-latin-400-normal.PaqtzbVb.woff2)format("woff2"),url(/past-designs/18-grail/_astro/manrope-latin-400-normal.8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/past-designs/18-grail/_astro/manrope-latin-500-normal.BYYD-dBL.woff2)format("woff2"),url(/past-designs/18-grail/_astro/manrope-latin-500-normal.DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/past-designs/18-grail/_astro/manrope-latin-600-normal.4f0koTD-.woff2)format("woff2"),url(/past-designs/18-grail/_astro/manrope-latin-600-normal.BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/past-designs/18-grail/_astro/manrope-latin-700-normal.BZp_XxE4.woff2)format("woff2"),url(/past-designs/18-grail/_astro/manrope-latin-700-normal.DGRFkw-m.woff)format("woff")}@font-face{font-family:Bodoni Moda;font-style:normal;font-display:swap;font-weight:400;src:url(/past-designs/18-grail/_astro/bodoni-moda-latin-400-normal.CIWtV3SY.woff2)format("woff2"),url(/past-designs/18-grail/_astro/bodoni-moda-latin-400-normal.9rKXKbpF.woff)format("woff")}@layer base{:root{color-scheme:light;--paper:#e8e9e3;--ink:#232622;--muted:#60635b;--line:#c8cbc1;--accent:#b73c19;--orange:#e57540;--wash:#f0f0ea;--gutter:clamp(22px, 4vw, 72px);--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;font-synthesis:none;background:var(--paper);color:var(--ink);scrollbar-color:#94998a var(--paper);scroll-padding-top:32px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75}main{min-height:65vh;position:relative}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere;font-weight:500;line-height:1.15}h1{letter-spacing:-.065em;overflow-wrap:anywhere;font-size:clamp(3rem,7vw,7rem)}h2{letter-spacing:-.045em;font-size:clamp(1.7rem,3vw,2.6rem)}h3{letter-spacing:-.025em;font-size:1.2rem}p{text-wrap:pretty}p+p{margin-top:18px}a{color:inherit;text-underline-offset:5px;text-decoration-color:#858a7d;text-decoration-thickness:1px}a:hover{color:var(--accent);text-decoration-color:currentColor}button,summary{cursor:pointer}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:#e5754025}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main:focus{outline:none}::selection{color:#161c16;background:#e57540}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.container{width:min(100% - var(--gutter) * 2, 1440px);margin-inline:auto}.muted{color:var(--muted)}.accent{color:var(--accent)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.print-only{display:none}}@layer components{.skip-link{z-index:50;background:var(--ink);color:var(--paper);padding:12px 18px;position:fixed;top:10px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:10;position:relative}.header-inner{border-bottom:1px solid var(--line);align-items:center;gap:32px;min-height:80px;display:flex;position:relative}.brand{white-space:nowrap;letter-spacing:-.035em;align-items:center;gap:12px;padding-block:10px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border:5px solid var(--ink);border-radius:50%;flex:none;width:21px;height:21px;position:relative}.brand-mark:after{content:"";background:var(--orange);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-5px;right:-6px}.desktop-nav{align-items:center;gap:30px;margin-left:auto;display:flex}.desktop-nav a{color:var(--muted);padding-block:12px;font-size:.78rem;text-decoration:none;position:relative}.desktop-nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--ink)}.desktop-nav a[aria-current]:after,.desktop-nav a:hover:after{transform:scaleX(1)}.header-tools{align-items:center;gap:23px;display:flex}.language-link{border-left:1px solid var(--line);align-items:center;min-height:44px;padding-inline:12px;font-size:.75rem;text-decoration:none;display:inline-flex}.mobile-menu{display:none}.eyebrow,.page-label{font-family:var(--mono);letter-spacing:.075em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:400}.gallery-scene{z-index:-1;position:absolute;inset:0;overflow:hidden}.gallery-canvas{touch-action:pan-y;opacity:0;cursor:grab;width:100%;height:100%;transition:opacity .8s;display:block}.gallery-canvas:active{cursor:grabbing}[data-state=ready] .gallery-canvas{opacity:1}[data-scene-fallback]{transition:opacity .6s;position:absolute;inset:0;overflow:hidden}[data-state=ready] [data-scene-fallback]{opacity:0;pointer-events:none}.fallback-sculpture{aspect-ratio:1;border:clamp(30px, 5vw, 80px) solid var(--orange);border-radius:40% 60% 56% 44%;width:27%;position:absolute;top:19%;right:15%;transform:rotate(-32deg)skewY(13deg);box-shadow:inset 10px 6px 12px #a9402b80,13px 14px #b44623,40px 90px 80px #65685d25}.fallback-orbit{aspect-ratio:1;border:2px solid #b4b7ac;border-radius:50%;width:36%;position:absolute;top:10%;right:9%;transform:rotateY(30deg)}.fallback-plinth{background:linear-gradient(170deg,#f2f2ed,#c2c6b9);border-radius:50%;width:36%;height:12%;position:absolute;bottom:18%;right:8%;box-shadow:0 20px #b9bcae,0 45px 45px #6a6c4b40}.text-link{padding-block:8px;font-size:.8rem;display:inline-block}.gallery-scene-inner{z-index:0;opacity:.88;pointer-events:none;height:450px;top:0;bottom:auto;mask-image:linear-gradient(#000 65%,#0000 100%)}.inner-scene-tools{top:355px;right:var(--gutter);z-index:2;position:absolute}.inner-scene-tools button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--muted);font:.65rem/1.5 var(--mono);padding:8px 12px}body:not(.page-home) main>.container{max-width:1240px;position:relative}.page-intro{max-width:65%;min-height:430px;padding-block:70px 65px;position:relative}.page-intro .page-label{margin-bottom:20px}.page-intro h1{margin-bottom:25px}.intro-copy{color:#54584f;max-width:48ch;font-size:1rem;line-height:1.85}.actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.button{border:1px solid var(--ink);min-height:44px;color:var(--paper);background:var(--ink);align-items:center;gap:16px;padding:12px 20px;font-size:.8rem;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:#394033}.section{padding-block:32px 64px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{font-size:1.35rem}.section-heading .muted{font:.7rem/1.5 var(--mono)}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:100px;display:grid}.project-grid{perspective:1500px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:26px;display:grid}.project-card{min-width:0;transform:rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));background:#f1f1eb;border:1px solid #d6d9cc;flex-direction:column;padding:36px;transition:transform .35s,box-shadow .35s;display:flex}.project-card:hover{box-shadow:0 16px 30px #777e6312}.project-card h2{margin-bottom:20px;font-size:clamp(1.8rem,3vw,2.7rem)}.project-card h2 a{justify-content:space-between;align-items:center;text-decoration:none;display:flex}.project-card h2 span{color:var(--muted);margin-left:10px;font-size:1.3rem}.project-type{color:var(--accent);font:.6rem/1.7 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:25px}.project-summary{max-width:60ch;font-size:.95rem}.project-role{color:var(--muted);max-width:66ch;margin-top:15px;font-size:.82rem}.project-stack{color:var(--muted);font:.64rem/1.8 var(--mono);margin-top:20px}.project-links{flex-wrap:wrap;gap:20px;margin-top:12px;font-size:.75rem;display:flex}.project-links a{padding-block:8px}.project-preview{margin-top:30px;display:block;overflow:hidden}.project-preview img{aspect-ratio:1.6;object-fit:cover;width:100%;transition:transform .5s ease-out}.project-preview:hover img{transform:scale(1.04)}.filters{flex-wrap:wrap;gap:8px 12px;margin-bottom:15px;display:flex}.filters button{border:1px solid var(--line);color:#53594d;background:0 0;border-radius:30px;min-height:44px;padding:9px 18px;font-size:.75rem}.filters button[aria-pressed=true]{color:var(--paper);border-color:var(--ink);background:var(--ink)}.project-endnote{color:var(--muted);margin-block:40px 70px;font-size:.85rem}.publication-list{margin:0;padding:0;list-style:none}.publication{border-top:1px solid var(--line);grid-template-columns:80px minmax(0,1fr);gap:40px;padding-block:32px;display:grid}.pub-year{color:var(--accent);font:.75rem/1.8 var(--mono)}.pub-meta{font:.68rem/1.7 var(--mono);color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-bottom:13px;display:flex}.pub-kind{color:var(--accent)}.publication h3{overflow-wrap:anywhere;text-wrap:pretty;max-width:75ch;font-size:1.2rem;line-height:1.6}.publication h3 a{text-decoration:none}.publication h3 a:hover{text-decoration:underline}.pub-authors{color:var(--muted);margin-top:12px;font-size:.8rem}.pub-authors strong{color:var(--ink);font-weight:600}.pub-links{flex-wrap:wrap;gap:5px 22px;margin-top:10px;font-size:.73rem;display:flex}.pub-links a{padding-block:8px}.research-note{max-width:68ch;color:var(--muted);margin-bottom:30px}.cv-section{border-top:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);gap:60px;padding-block:40px;display:grid}.cv-section>h2{font-size:1.2rem;line-height:1.6}.cv-entry+.cv-entry{margin-top:35px}.cv-entry h3{font-size:1.2rem;line-height:1.6}.cv-entry .period{color:var(--accent);font:.7rem/1.6 var(--mono);margin-bottom:9px}.cv-entry .org{margin-top:6px;font-size:.95rem}.cv-entry ul{color:var(--muted);margin-bottom:0;padding-left:20px;font-size:.88rem}.skills-list{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.skills-list li{font-size:.88rem}.contact-email{overflow-wrap:anywhere;padding-block:12px;font-size:clamp(1.1rem,2.7vw,2rem);display:inline-block}.contact-methods{margin-top:35px;padding:0;list-style:none}.contact-methods a{border-bottom:1px solid var(--line);justify-content:space-between;padding-block:16px;font-size:1rem;text-decoration:none;display:flex}.contact-note{color:var(--muted);max-width:35ch;margin-top:16px;font-size:1rem}.live-status{min-height:1.6em;color:var(--muted);margin-top:10px;font-size:.8rem;display:block}.about-prose{max-width:62ch;font-size:1.1rem;line-height:1.95}.about-prose h2{margin-block:45px 22px;font-size:1.7rem}.about-prose h2:first-child{margin-top:0}.about-index{color:var(--muted);border-top:2px solid var(--ink);background:#dfe2d6;align-self:start;padding:28px}.about-index h2{color:var(--ink);margin-bottom:24px;font-size:1.2rem}.about-index p{margin-bottom:20px;font-size:.875rem}.about-index strong{color:var(--ink);font-weight:600}.note-panel{background:var(--wash);border-left:2px solid var(--accent);margin:0 0 35px;padding:25px 28px}.note-panel p{color:var(--muted);font-size:.875rem}.prompts-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:60px;padding-bottom:70px;display:grid}.prompt-toc{position:sticky;top:30px}.prompt-toc ol{margin:15px 0;padding:0;list-style:none}.prompt-toc a{padding-block:9px;font-size:.8rem;text-decoration:none;display:block}.prompt-stage{border-top:1px solid var(--line);padding-block:25px;scroll-margin-top:25px}.prompt-stage summary{align-items:baseline;gap:16px;list-style:none;display:flex}.prompt-stage summary::-webkit-details-marker{display:none}.prompt-stage summary:after{content:"+";margin-left:auto;font-size:1.3rem}.prompt-stage[open] summary:after{content:"−"}.prompt-stage summary h2{font-size:clamp(1.06rem,2vw,1.35rem);line-height:1.6}.step-num{font:.7rem/1.5 var(--mono);color:var(--accent)}.prompt-tool,.prompt-note{color:var(--muted);margin-block:16px;font-size:.82rem}.prompt-block{background:var(--wash);min-width:0;margin-block:20px;padding:25px}.prompt-label{margin-bottom:14px;font-size:.85rem}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;font:.82rem/1.9 var(--mono);color:var(--ink);margin:0;display:block}.copy-button{min-height:44px;color:var(--ink);background:0 0;border:1px solid #949b87;margin-top:16px;padding:8px 14px;font-size:.8rem}.copy-button:hover{border-color:var(--accent)}.site-footer{color:var(--muted);margin-top:20px;padding-bottom:28px;font-size:.7rem}.footer-inner{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px 30px;padding-top:24px;display:flex}.footer-inner nav{flex-wrap:wrap;gap:8px 25px;display:flex}.footer-inner a{padding-block:10px;text-decoration:none;display:inline-block}.not-found{padding-block:80px}.not-found h1{margin-block:15px 25px}}@layer responsive{@media (width<=1100px){.desktop-nav{gap:20px}.two-column{gap:50px}.project-card{padding:28px}}@media (width<=760px){.desktop-nav{display:none}.header-tools{gap:18px;margin-left:auto}.header-inner{flex-wrap:wrap;gap:10px;min-height:72px;padding-block:8px}.mobile-menu{display:block}.mobile-menu summary{align-items:center;gap:10px;min-height:44px;font-size:.75rem;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{font-size:1.2rem}.mobile-menu[open] summary span{transform:rotate(45deg)}.mobile-menu nav{top:100%;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));padding:12px var(--gutter) 22px;background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100dvh - 85px);position:absolute;overflow-y:auto;box-shadow:0 10px 20px #68705222}.mobile-menu nav a{border-top:1px solid var(--line);justify-content:space-between;padding-block:12px;font-size:1rem;text-decoration:none;display:flex}.mobile-menu nav a[aria-current]{color:var(--accent)}.fallback-sculpture{width:47%;top:10%;right:27%}.fallback-orbit{width:70%;top:4%;right:14%}.fallback-plinth{width:66%;bottom:15%;right:16%}.gallery-scene-inner{opacity:.23;height:310px;top:30px}.inner-scene-tools{margin-inline:var(--gutter);text-align:right;padding-top:12px;position:relative;top:auto;right:auto}.page-intro{max-width:100%;min-height:310px;padding-block:50px 42px}.page-intro h1{font-size:clamp(2.8rem,12vw,4rem)}.intro-copy{font-size:.95rem}.two-column,.cv-section{grid-template-columns:minmax(0,1fr);gap:30px}.project-grid{grid-template-columns:minmax(0,1fr);gap:22px}.project-card{padding:27px 23px}.project-card h2{font-size:2rem}.project-type{margin-bottom:16px}.publication{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:25px}.publication h3{font-size:1.05rem}.about-index{padding:25px}.about-prose{font-size:1rem}.prompts-layout{grid-template-columns:minmax(0,1fr);gap:24px}.prompt-toc{position:static}.prompt-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;display:grid}.prompt-block{padding:18px}.note-panel{padding:20px}.contact-note{margin-top:0}.footer-inner{gap:12px}.footer-inner nav{gap:10px 20px}}@media (width<=380px){.brand{gap:9px;font-size:.77rem}.header-tools{gap:10px}.language-link{padding-inline:8px}.prompt-toc ol{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.project-card{transform:none!important}}@media print{:root{--paper:white;--ink:#181818;--muted:#444;--line:#bbb;--accent:#222;--wash:#f4f4f4;color-scheme:light;font-size:11px}body{background:#fff}.site-header,.site-footer,.skip-link,.no-print,.copy-button,.live-status,.gallery-scene{display:none!important}.print-only{display:block}.container{width:100%;max-width:none}.page-intro{max-width:100%;min-height:0;padding:0 0 22px}.page-intro h1{font-size:32px}.cv-section{grid-template-columns:140px 1fr;gap:25px;padding-block:20px}.cv-entry,.publication,.project-card{break-inside:avoid}a{color:#181818;text-decoration:none}h2,h3{break-after:avoid}}.grail-home[data-paused=false] .card-face{animation-duration:8s!important;animation-iteration-count:infinite!important}}:root{--paper:#f6f5f2;--ink:#101010;--muted:#5b585e;--line:#ceccd0;--accent:#684197;--wash:#ede7f1;--lilac:#e9c8f2;--display:"Bodoni Moda", "Songti SC", "Noto Serif CJK SC", Georgia, serif;scrollbar-color:#777 #000}html{scroll-behavior:smooth}body{overflow-x:clip}h1,h2{font-family:var(--display);letter-spacing:-.065em;font-weight:400}a{transition:color .2s}button{-webkit-appearance:none}.site-header{color:#f6f5f2;z-index:20;background:#000}.header-inner{border:0;gap:24px;width:calc(100% - 64px);min-height:110px}.brand{color:var(--lilac);letter-spacing:-1.8px;gap:5px;font-size:27px}.brand-symbol{font-size:38px;line-height:1}.brand-caption{font-weight:700}.header-note{color:#bdb9bf;text-align:center;white-space:pre-line;width:390px;font-size:12px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.header-tools{align-items:center;gap:20px;margin-left:auto;display:flex}.language-link{padding:12px 6px;font-size:12px;text-decoration:none}.mobile-menu{display:block}.mobile-menu summary{background:var(--lilac);color:#111;border-radius:40px;align-items:center;gap:22px;min-height:44px;padding:10px 21px;font-size:13px;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{font-size:18px}.mobile-menu[open] summary span{transform:rotate(45deg)}.mobile-menu nav{color:#f6f5f2;background:#161217;border:1px solid #343037;border-radius:18px;width:min(410px,100vw - 40px);max-height:calc(100dvh - 120px);padding:20px;display:block;position:absolute;top:calc(100% - 10px);left:auto;right:0;overflow-y:auto;box-shadow:0 20px 60px #0006}.mobile-menu nav a{border-bottom:1px solid #38303a;align-items:center;gap:16px;padding:11px 8px;font-size:16px;text-decoration:none;display:flex}.mobile-menu nav a:last-child{border:0}.mobile-menu nav a>span:last-child{margin-left:auto}.mobile-menu nav a[aria-current],.mobile-menu nav a:hover{color:var(--lilac)}.index-number{opacity:.55;font-size:10px}.skip-link{z-index:100;background:var(--lilac);color:#000}.site-footer{color:#bcb6bd;background:#000;margin:0;padding-block:20px 28px}.footer-inner{border-color:#333}.site-footer a:hover{color:var(--lilac)}.reading-sheet{padding:40px 0 60px}.sheet-close{margin-inline:var(--gutter);font-size:12px;text-decoration:none}.page-intro{max-width:100%;min-height:0;padding-block:55px 70px}.page-intro h1{font-size:clamp(4rem,10vw,9rem)}.page-intro .intro-copy{max-width:62ch;color:var(--muted)}.project-card{border:0;border-top:1px solid var(--line);background:0 0;padding:28px 0;box-shadow:none!important}.project-grid{gap:28px 64px}.project-card h2{font-family:var(--display)}.project-card .project-type{color:var(--accent)}.about-index{background:#e9ddeb;border-color:#684197}body:not(.page-home) .site-footer{margin-top:0}.grail-home{color:#f6f5f2;--ink:#f6f5f2;--accent:#e9c8f2;background:#000}.grail-home a:hover{color:inherit}.grail-home :focus-visible,.site-header :focus-visible{outline:2px solid var(--lilac);outline-offset:6px}.grail-hero{isolation:isolate;height:calc(100svh - 110px);min-height:610px;max-height:1150px;position:relative;overflow:clip}.grail-hero h1{text-align:center;text-transform:uppercase;white-space:nowrap;letter-spacing:-.066em;z-index:2;pointer-events:none;padding-inline:20px;font-size:clamp(110px,17.8vw,300px);line-height:.95;position:relative}.card-field{pointer-events:none;perspective:1150px;perspective-origin:50% 40%;transform-style:preserve-3d;position:absolute;inset:160px 7% 165px}.orbit-position{pointer-events:none;top:var(--y);left:var(--x);aspect-ratio:.69;width:clamp(140px,12.5vw,220px);transform-style:preserve-3d;transform:translate(-50%, -50%) translate3d(calc(var(--pointer-x,0px) * var(--drift)), calc(var(--scroll-drift,0px) * var(--drift)), var(--depth));animation:1.25s cubic-bezier(.16,1,.3,1) both card-arrive;animation-delay:calc(var(--order) * 55ms);position:absolute}.orbit-card{pointer-events:auto;width:100%;height:100%;transform-style:preserve-3d;color:#0b0b0b;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));text-decoration:none;transition:transform .8s cubic-bezier(.22,.75,.2,1);display:block;position:relative}.orbit-card:focus-visible{outline-offset:9px;transform:rotateX(0)rotateY(0)rotate(0)translateZ(65px)scale(1.07)}.orbit-position:has(.orbit-card:focus-visible){z-index:10}@media (hover:hover) and (pointer:fine){.orbit-card:hover{transform:rotateX(0)rotateY(0)rotate(0)translateZ(65px)scale(1.07)}.orbit-position:has(.orbit-card:hover){z-index:10}}.card-face{pointer-events:none;animation:8s ease-in-out infinite alternate card-bob;animation-delay:calc(1.5s + var(--order) * .15s);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:9px;position:absolute;inset:0;overflow:hidden}.card-front{color:#0b0b0b;background:#f6f5f2;flex-direction:column;padding:15px;display:flex;box-shadow:inset 0 0 0 1px #fff8,4px 5px #888}.card-stamp{border-radius:6px;width:32px;height:35px;margin-bottom:6px;display:block;overflow:hidden}.card-stamp svg{width:100%;height:100%}.card-kicker{color:#615a64;margin-bottom:6px;font-size:8px;line-height:1.3;display:block}.card-front strong{letter-spacing:-.06em;font-size:clamp(17px,1.7vw,27px);font-weight:700;line-height:1.02}.card-summary{-webkit-line-clamp:4;color:#3f3c40;-webkit-box-orient:vertical;margin-top:12px;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-bottom{color:#5c5660;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:7px;display:flex}.card-bottom>span:last-child{color:#000;border:1px solid #c5becb;border-radius:50%;place-content:center;width:21px;height:21px;font-size:13px;display:grid}.card-back{filter:brightness(.78);transform:rotateY(180deg)translateZ(1px);box-shadow:inset 0 0 0 1px #fff3,4px 5px #444}.card-back svg{object-fit:cover;width:100%;height:100%}.hero-baseline{bottom:30px;z-index:4;justify-content:space-between;align-items:end;gap:24px;display:flex;position:absolute;inset-inline:32px}.hero-baseline p{font-size:13px;line-height:1.6}.hero-baseline p span{color:#aaa3ad;font-size:11px;display:block}.round-link{background:var(--lilac);border-radius:50px;align-items:center;gap:28px;min-height:46px;padding:12px 22px;font-size:13px;text-decoration:none;display:inline-flex;color:#171019!important}.round-link:hover{background:#f2dcf8}.round-link span{font-size:20px;line-height:1}[data-motion-toggle]{color:#bfb7c3;background:0 0;border:0;border-bottom:1px solid #5a505d;min-height:44px;padding:10px 0;font-size:11px}.section-caption{justify-content:space-between;gap:20px;font-size:12px;line-height:1.6;display:flex}.section-caption a{text-decoration:none}.question-section{padding:65px 32px 110px}.question-type{text-transform:uppercase;text-align:right;max-width:1100px;margin:100px 0 70px auto;font-size:clamp(60px,8.8vw,155px);line-height:1.03}.question-type span{display:block}.question-type span:last-child{color:var(--lilac)}.question-foot{grid-template-columns:1fr 1.3fr .7fr;align-items:end;gap:50px;display:grid}.question-star{color:var(--lilac);font-size:160px;line-height:.9}.question-foot p{max-width:48ch;font-size:15px;line-height:1.7}.question-foot>a{justify-self:end;font-size:13px}.work-stage{color:#171019;--accent:#684197;background:var(--lilac);border-radius:34px 34px 0 0;padding:35px 32px 55px;position:relative;overflow:hidden}.work-stage h2{text-transform:uppercase;text-align:center;margin:55px 0 0;font-size:clamp(65px,9.8vw,165px);line-height:1}.feature-display{min-height:650px;position:relative}.feature-display article{grid-template-columns:1.25fr 1fr;align-items:center;gap:9%;min-height:650px;padding-inline:5%;display:grid}.feature-art{aspect-ratio:400/520;border-radius:14px;justify-self:center;width:80%;max-width:370px;position:relative;overflow:hidden;transform:rotate(-9deg);box-shadow:16px 24px #25121c20}.feature-art>svg{width:100%;height:100%}.feature-preview{border-radius:7px;width:85%;position:absolute;top:25%;left:7.5%;box-shadow:0 10px 30px #0006}.feature-copy{z-index:1;position:relative}.feature-copy>p:first-child{margin-bottom:25px;font-size:13px}.feature-copy h3{font:400 clamp(52px, 6vw, 110px)/.95 var(--display);letter-spacing:-.065em;overflow-wrap:normal;margin-bottom:30px}.feature-copy>p{max-width:40ch;font-size:15px;line-height:1.7}.feature-copy .round-link{margin-top:30px}.dark-link{background:#151017;color:#fff!important}.dark-link:hover{background:#3e2b44}.feature-selectors{border-top:1px solid #4c325b44;flex-wrap:wrap;justify-content:center;gap:9px;padding-top:30px;display:flex}.feature-selectors button{color:#25112c;background:0 0;border:1px solid #4c325b66;border-radius:50px;min-height:46px;padding:9px 22px;font-size:13px}.feature-selectors button[aria-pressed=true]{color:var(--lilac);background:#171019;border-color:#171019}.work-stage :focus-visible,.collection-index :focus-visible{outline-color:#684197}.collection-index{color:#141014;--accent:#684197;background:#f6f5f2;padding:60px 32px 85px}.collection-index h2{text-transform:uppercase;max-width:1250px;margin:80px auto;font-size:clamp(65px,8.9vw,150px);line-height:1.05}.work-ledger{max-width:1500px;margin-inline:auto}.ledger-entry{border-top:1px solid #c9c5cb}.ledger-entry:last-child{border-bottom:1px solid #c9c5cb}.ledger-entry summary{grid-template-columns:1.2fr 1fr 40px;align-items:center;gap:25px;min-height:102px;padding-block:22px;list-style:none;display:grid}.ledger-entry summary::-webkit-details-marker{display:none}.ledger-title{letter-spacing:-.055em;font-size:clamp(24px,3.3vw,54px);line-height:1.2}.ledger-kicker{color:#59515e;font-size:12px}.ledger-icon{justify-self:end;font-size:30px;font-weight:400;transition:transform .25s}.ledger-entry[open] .ledger-icon{transform:rotate(45deg)}.ledger-body{grid-template-columns:180px 1fr;gap:50px;max-width:1050px;padding:15px 0 40px;display:grid}.ledger-art{aspect-ratio:400/520;border-radius:8px;width:180px;overflow:hidden}.ledger-art svg{width:100%;height:100%}.ledger-body p{max-width:70ch;font-size:17px;line-height:1.6}.ledger-body .ledger-detail{color:#5d5361;font-size:13px}.work-links{flex-wrap:wrap;gap:15px 25px;margin-top:28px;font-size:14px;display:flex}.work-links a{padding-block:8px;text-decoration-color:#948299}.index-links{flex-wrap:wrap;gap:20px 45px;margin-top:40px;font-size:13px;display:flex}.hello-section{padding:55px 32px 80px}.hello-section h2{text-transform:uppercase;text-align:center;margin:85px 0 30px;font-size:clamp(90px,20vw,360px);line-height:1.1}.hello-email{letter-spacing:-.05em;overflow-wrap:anywhere;border-bottom:1px solid #4b424e;justify-content:space-between;align-items:center;gap:20px;max-width:850px;margin-inline:auto;padding-block:20px;font-size:clamp(18px,3.8vw,50px);text-decoration:none;display:flex}.hello-email span{color:var(--lilac)}.hello-links{flex-wrap:wrap;justify-content:center;gap:35px;margin-top:50px;font-size:13px;display:flex}[data-work-dialog]{color:#171019;background:#f6f5f2;border:0;border-radius:18px;width:min(1000px,100% - 36px);max-height:calc(100dvh - 36px);padding:24px 30px;overflow-y:auto;box-shadow:0 35px 100px #0009}[data-work-dialog]::backdrop{backdrop-filter:blur(12px);background:#000b}.work-dialog-top,.work-dialog-bottom{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.work-dialog-top{margin-bottom:26px}.work-dialog-top button{color:#201725;background:0 0;border:1px solid #b7aebe;border-radius:50%;width:44px;height:44px}[data-work-detail]{grid-template-columns:220px 1fr;align-items:start;gap:40px;display:grid}.dialog-art{border-radius:10px;overflow:hidden}.dialog-art svg{width:100%;height:auto}.dialog-copy h2{margin-bottom:25px;font-size:clamp(38px,5vw,68px);line-height:1.08}.dialog-kicker{color:#604d69;margin-bottom:20px;font-size:12px}.dialog-copy>p{line-height:1.7}.dialog-detail{color:#625768;font-size:12px}.work-dialog-bottom{border-top:1px solid #d3cbd7;margin-top:30px;padding-top:20px}.work-dialog-bottom button{color:#392d3f;background:0 0;border:0;min-height:44px;padding:12px;font-size:13px}[data-work-dialog] :focus-visible{outline-color:#684197}@keyframes card-arrive{0%{opacity:0;translate:0 90px}to{opacity:1;translate:0}}@keyframes feature-arrive{0%{opacity:.2;transform:rotate(-4deg)translateY(25px)}to{opacity:1;transform:rotate(-9deg)translateY(0)}}@keyframes card-bob{0%{translate:0 -7px}to{translate:0 7px}}.feature-display article:not([hidden]) .feature-art{animation:.6s cubic-bezier(.16,1,.3,1) feature-arrive}.grail-home[data-paused=true] .orbit-position,.grail-home[data-paused=true] .card-face,.grail-home[data-paused=true] .feature-art{animation:none}.grail-home[data-paused=true] .orbit-position{--pointer-x:0px!important;--scroll-drift:0px!important}@media (width>=1600px){.card-field{inset-inline:12%}}@media (width<=850px){.header-note{display:none}.header-inner{min-height:90px}.grail-hero{height:calc(100svh - 90px);min-height:730px}.grail-hero h1{padding-top:20px;font-size:18vw}.card-field{perspective:900px;inset:165px 0 110px}.orbit-position{width:165px}.hero-baseline{flex-wrap:wrap;gap:12px}.hero-baseline p{flex-basis:100%}.question-type{margin-block:80px 60px}.question-foot{grid-template-columns:1fr 2fr;gap:30px}.question-foot>a{grid-column:2;justify-self:start}.question-star{align-self:start;font-size:100px}.feature-display,.feature-display article{min-height:550px}.feature-display article{gap:5%;padding-inline:0}.feature-copy h3{font-size:60px}.feature-copy>p{font-size:13px}.feature-art{width:90%}.ledger-entry summary{grid-template-columns:1fr 1fr 24px;gap:15px}}@media (width<=600px){.header-inner{flex-wrap:nowrap;width:calc(100% - 36px);min-height:78px;padding-block:0}.brand{font-size:23px}.brand-symbol{font-size:30px}.header-tools{gap:13px}.mobile-menu summary{gap:15px;padding:9px 16px;font-size:12px}.mobile-menu nav{padding:14px;top:calc(100% + 4px);left:auto;right:0}.grail-hero{height:calc(100svh - 78px);min-height:770px;max-height:none;overflow:clip}.grail-hero h1{padding:15px 5px 0;font-size:18.6vw;line-height:1.1}.card-field{perspective:900px;inset:190px -9% 175px}.orbit-position{width:162px}.orbit-position:first-child{--x:17%!important;--y:36%!important;--depth:-90px!important}.orbit-position:nth-child(2){--x:53%!important;--y:53%!important;--depth:95px!important;--ry:-9deg!important}.orbit-position:nth-child(3){--x:86%!important;--y:19%!important;--depth:-125px!important}.orbit-position:nth-child(4){--x:35%!important;--y:-4%!important;--depth:-200px!important}.orbit-position:nth-child(5){--x:61%!important;--y:4%!important;--depth:-220px!important}.orbit-position:nth-child(6){--x:80%!important;--y:86%!important;--depth:-140px!important}.orbit-position:nth-child(7){--x:19%!important;--y:92%!important;--depth:-200px!important}.orbit-position:nth-child(8),.orbit-position:nth-child(9){display:none}.card-front strong{font-size:21px}.card-summary{-webkit-line-clamp:4;font-size:10px}.card-kicker{font-size:9px}.hero-baseline{inset-inline:20px;bottom:28px}.hero-baseline p{margin-bottom:12px;font-size:14px}.hero-baseline p span{margin-top:6px;font-size:12px}.round-link{gap:20px;padding:11px 17px;font-size:12px}.question-section{padding:45px 20px 70px}.section-caption{font-size:11px}.question-type{text-align:left;margin:75px 0 45px;font-size:12vw}html[lang=zh-CN] .question-type{font-size:8.9vw;line-height:1.35}html[lang=zh-CN] .work-stage h2{font-size:12vw}.question-foot{grid-template-columns:55px 1fr;gap:20px}.question-star{font-size:60px}.question-foot p{font-size:13px}.question-foot>a{font-size:12px}.work-stage{border-radius:20px 20px 0 0;padding:27px 20px 35px}.work-stage h2{margin-top:50px;font-size:15vw;line-height:1.05}.feature-display{min-height:700px}.feature-display article{grid-template-columns:1fr;gap:35px;min-height:700px;padding-top:30px}.feature-art{width:200px;max-width:65%;box-shadow:10px 14px #25121c20}.feature-copy h3{margin-bottom:20px;font-size:57px}.feature-copy>p:first-child{margin-bottom:17px}.feature-copy .round-link{margin-top:25px}.feature-selectors{justify-content:start;gap:8px;margin-top:30px;padding-top:24px}.feature-selectors button{padding:9px 16px;font-size:12px}.collection-index{padding:40px 20px 55px}.collection-index h2{margin:60px 0;font-size:12.3vw}.ledger-entry summary{grid-template-columns:1fr 25px;gap:8px 15px;min-height:110px}.ledger-title{font-size:28px}.ledger-kicker{grid-row:2;font-size:11px}.ledger-icon{grid-area:1/2/3}.ledger-body{grid-template-columns:1fr;gap:25px}.ledger-art{width:110px}.ledger-body p{font-size:14px}.ledger-body .ledger-detail{font-size:12px}.work-links{gap:10px 20px;font-size:13px}.index-links{gap:15px 25px;font-size:12px}.hello-section{padding:35px 20px 50px}.hello-section h2{margin:65px 0 25px;font-size:20.5vw}.hello-email{gap:10px;font-size:clamp(15px,4.7vw,28px)}.hello-links{gap:20px;margin-top:30px;font-size:12px}[data-work-dialog]{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px 20px}[data-work-detail]{grid-template-columns:1fr;gap:25px}.dialog-art{width:85px;height:105px}.dialog-copy h2{font-size:38px}.dialog-copy>p{font-size:14px}.dialog-copy .dialog-detail{font-size:12px}.dialog-kicker{margin-bottom:12px;font-size:11px!important}.work-dialog-top{margin-bottom:15px}.work-dialog-bottom{gap:5px;font-size:11px}.work-dialog-bottom button{padding-inline:0;font-size:12px}.page-intro h1{font-size:3rem}.reading-sheet{padding-top:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-position{animation:none;--pointer-x:0px!important;--scroll-drift:0px!important}.feature-art{animation:none!important}}@media print{.site-header,.site-footer,.sheet-close{display:none}.reading-sheet{padding:0}}