:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(15.5% .054 302);--bg-deep:oklch(10.5% .047 302);--surface:oklch(20.5% .061 302);--surface-2:oklch(25.5% .071 302);--ink:oklch(94.5% .016 315);--muted:oklch(77% .041 306);--primary:oklch(81% .118 315);--accent:oklch(77% .136 282);--warm:oklch(86% .095 55);--line:oklch(44% .071 302/.72);--max:1520px;background:var(--bg-deep);color:var(--ink);font-family:Bahnschrift,Segoe UI Variable Display,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-deep)}body{background:var(--bg-deep);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body::selection{background:var(--primary);color:var(--bg-deep)}a{color:inherit;text-decoration:none}img{width:100%;max-width:100%;display:block}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.entry-gate{z-index:80;color:var(--ink);isolation:isolate;background:radial-gradient(circle at 50% 43%,oklch(24.5% .09 304),#0000 32%),linear-gradient(145deg,oklch(10.5% .047 302),oklch(15% .06 299));place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.entry-gate:before{z-index:-1;content:"";background-image:linear-gradient(oklch(70% .07 310/.055) 1px,#0000 1px),linear-gradient(90deg,oklch(70% .07 310/.055) 1px,#0000 1px);background-size:clamp(48px,6vw,92px) clamp(48px,6vw,92px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 46%,#000,#0000 72%)}.entry-gate.is-leaving{pointer-events:none;animation:.74s cubic-bezier(.16,1,.3,1) forwards entry-gate-out}.entry-gate__frame{color:oklch(86% .04 310/.52);letter-spacing:.24em;border:1px solid oklch(80% .06 310/.22);justify-content:space-between;padding:13px 15px;font-size:9px;display:flex;position:absolute;inset:clamp(16px,2.4vw,34px)}.entry-gate__mark{letter-spacing:-.045em;justify-items:center;min-width:min(76vw,430px);line-height:.84;display:grid;position:relative}.entry-gate__mark span{color:var(--primary);letter-spacing:.42em;text-indent:.42em;font-size:clamp(18px,2vw,27px);font-weight:580}.entry-gate__mark strong{color:var(--ink);margin-top:16px;font-size:clamp(62px,10vw,145px);font-weight:660}.entry-gate__mark i{background:linear-gradient(90deg, transparent, var(--warm), transparent);width:min(46vw,220px);height:1px;margin-top:32px;animation:1.8s ease-in-out infinite entry-gate-breathe;display:block;box-shadow:0 0 14px oklch(86% .095 55/.34)}.entry-gate__status{color:oklch(88% .03 310/.7);letter-spacing:.13em;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:clamp(48px,6vw,78px);left:clamp(30px,5vw,72px);right:clamp(30px,5vw,72px)}.entry-gate__status b{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:560}.entry-gate__progress{background:oklch(80% .06 310/.16);height:1px;position:absolute;bottom:clamp(35px,4.8vw,62px);left:clamp(30px,5vw,72px);right:clamp(30px,5vw,72px);overflow:hidden}.entry-gate__progress i{background:linear-gradient(90deg, var(--accent), var(--primary), var(--warm));transform-origin:0;width:100%;height:100%;transition:transform .48s cubic-bezier(.16,1,.3,1);display:block;transform:scaleX(0)}@keyframes entry-gate-breathe{0%,to{opacity:.42;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@keyframes entry-gate-out{to{visibility:hidden;opacity:0;filter:blur(7px);transform:scale(1.018)}}.zoomable-image{width:100%;display:block;position:relative}.zoomable-image>img{width:100%;max-width:100%;display:block}.image-zoom-trigger{z-index:2;color:oklch(96% .018 315/.92);cursor:zoom-in;opacity:0;-webkit-backdrop-filter:blur(6px)saturate(.8);backdrop-filter:blur(6px)saturate(.8);background:oklch(13% .048 302/.18);border:1px solid oklch(96% .018 315/.42);border-radius:50%;width:38px;height:38px;padding:0;transition:opacity .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:13px;right:clamp(14px,4vw,58px)}.image-zoom-trigger:before{content:"";border:1.5px solid;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:10px}.image-zoom-trigger:after{content:"";transform-origin:0;background:currentColor;width:7px;height:1.5px;position:absolute;top:23px;left:23px;transform:rotate(45deg)}.image-zoom-trigger>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.zoomable-image:hover .image-zoom-trigger,.zoomable-image:focus-within .image-zoom-trigger{opacity:.82}.image-zoom-trigger:hover,.image-zoom-trigger:focus-visible{opacity:1;background:oklch(24% .079 302/.72);transform:scale(1.06)}.image-lightbox{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(7.5% .033 302/.9);place-items:center;padding:clamp(12px,2vw,28px);animation:.24s cubic-bezier(.16,1,.3,1) image-lightbox-in;display:grid;position:fixed;inset:0;overflow:hidden}.image-lightbox__viewport{touch-action:none;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.image-lightbox__viewport.is-zoomed{cursor:grab}.image-lightbox__viewport.is-dragging{cursor:grabbing}.image-lightbox__image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;width:auto;max-width:calc(100vw - clamp(24px,4vw,56px));max-height:calc(100svh - clamp(24px,4vw,56px));box-shadow:0 8px 28px oklch(2% .01 300/.34)}.image-lightbox__toolbar{z-index:2;color:oklch(97% .015 315/.82);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:oklch(10% .04 302/.48);border:1px solid oklch(97% .015 315/.24);border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex;position:absolute;top:10px;right:10px}.image-lightbox__toolbar span{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;padding-inline:7px;font-size:11px}.image-lightbox__toolbar button{min-height:32px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:0 11px;font-size:12px;transition:background .2s,color .2s}.image-lightbox__toolbar button:hover,.image-lightbox__toolbar button:focus-visible{color:var(--ink);background:oklch(30% .09 302/.72)}.image-lightbox__toolbar button:disabled{opacity:.38;cursor:default}.image-lightbox__close{border:1px solid oklch(97% .015 315/.18)!important}.image-lightbox__hint{z-index:2;color:oklch(97% .015 315/.64);letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(8% .03 302/.46);border-radius:999px;margin:0;padding:7px 12px;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes image-lightbox-in{0%{opacity:0}to{opacity:1}}main{background:radial-gradient(circle at 8% 28%, oklch(25.5% .105 306/.46), transparent 25%), radial-gradient(circle at 90% 61%, oklch(23% .11 282/.36), transparent 31%), linear-gradient(150deg, var(--bg-deep), var(--bg) 52%, oklch(12% .055 299));position:relative;overflow:clip}@supports (content-visibility:auto){.portfolio-compass,.portfolio-chapter,.contact{content-visibility:auto;contain-intrinsic-size:auto 1050px}}.section-shell{width:min(calc(100% - 64px), var(--max));margin-inline:auto}.page-stamp{color:var(--warm);letter-spacing:.1em;margin:0 0 26px;font-size:12px;font-weight:760}.page-index{z-index:24;color:var(--muted);text-align:right;pointer-events:none;justify-items:end;display:grid;position:fixed;top:50%;right:clamp(12px,2.2vw,34px);transform:translateY(-50%)}.page-index>span{color:var(--warm);letter-spacing:.14em;font-size:9px;font-weight:780}.page-index>strong{color:var(--ink);letter-spacing:-.04em;margin-top:3px;font-size:29px;line-height:1}.page-index>i{margin-top:2px;font-size:11px;font-style:normal}.page-index>p{max-width:9ch;color:var(--ink);margin:12px 0 14px;font-size:11px;line-height:1.35}.page-index ol{pointer-events:auto;gap:5px;margin:0;padding:0;list-style:none;display:grid}.page-index a{border-right:1px solid color-mix(in oklch, var(--line) 80%, transparent);min-width:31px;color:var(--muted);text-align:right;padding:2px 0 2px 8px;font-size:10px;transition:color .2s,border-color .2s;display:block}.page-index a:hover,.page-index a:focus-visible,.page-index a.is-active{border-color:var(--warm);color:var(--ink)}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(oklch(10% .05 302/.93),oklch(10% .05 302/.48) 68%,#0000);grid-template-columns:auto 1fr auto;align-items:center;height:76px;padding:0 clamp(18px,3vw,52px);display:grid;position:fixed;inset:0 0 auto}.portfolio-header{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;transform:translateY(-12px)}.portfolio-header.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.brand{border:1px solid color-mix(in oklch, var(--primary) 68%, var(--line));width:38px;height:38px;color:var(--primary);letter-spacing:.04em;place-items:center;font-size:13px;font-weight:800;display:grid}.nav{color:var(--muted);justify-self:center;gap:clamp(24px,3vw,48px);font-size:13px;display:flex}.nav a,.header-contact{padding:14px 0;transition:color .2s}.nav a:hover,.header-contact:hover,.nav a:focus-visible,.header-contact:focus-visible{color:var(--ink)}.header-contact{color:var(--primary);border-bottom:1px solid;justify-self:end;font-size:13px}.profile{grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);align-items:center;gap:clamp(38px,8vw,140px);padding-block:clamp(90px,11vw,180px);display:grid}.profile-image{background:linear-gradient(140deg,oklch(37% .11 304),oklch(15% .06 299));max-width:380px;padding:10px}.profile-image img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(.08)contrast(1.04)}.profile-copy .lead{letter-spacing:-.035em;max-width:960px;margin:0 0 30px;font-size:clamp(35px,4.5vw,70px);font-weight:560;line-height:1.1}.profile-copy>p:not(.lead){max-width:830px;color:var(--muted);margin:0;font-size:18px;line-height:1.85}.identity-line{flex-wrap:wrap;gap:9px;margin-top:34px;display:flex}.identity-line span{border:1px solid var(--line);color:var(--ink);padding:8px 11px;font-size:12px}.portfolio-compass{padding:clamp(78px,11vw,150px) 0 clamp(110px,14vw,190px)}.portfolio-compass__lead{max-width:21ch;color:var(--primary);letter-spacing:-.025em;margin:0 0 42px;font-size:clamp(24px,2.6vw,42px);font-weight:560;line-height:1.22}.portfolio-compass>div{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.portfolio-compass a{align-content:start;gap:15px;min-height:250px;padding:28px clamp(18px,3vw,40px) 24px;transition:background .25s,color .25s;display:grid}.portfolio-compass a+a{border-left:1px solid var(--line)}.portfolio-compass a:hover,.portfolio-compass a:focus-visible{background:oklch(27% .084 302/.48)}.portfolio-compass a span{color:var(--warm);letter-spacing:.08em;font-size:12px;font-weight:700}.portfolio-compass a strong{letter-spacing:-.025em;max-width:16ch;font-size:clamp(24px,2.3vw,38px);font-weight:560;line-height:1.12}.portfolio-compass a p{max-width:34ch;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.portfolio-chapter{padding-block:clamp(115px,14vw,205px);position:relative}.portfolio-chapter--illustration{border-top:1px solid var(--line)}.portfolio-chapter--ai{border-block:1px solid color-mix(in oklch, var(--line) 88%, transparent);background:radial-gradient(circle at 84% 24%,oklch(32% .13 287/.36),#0000 29%),linear-gradient(130deg,oklch(12.5% .06 301),oklch(19% .068 305))}.portfolio-chapter--ip{padding-bottom:clamp(125px,16vw,220px)}.chapter-intro{grid-template-columns:.26fr 1fr .63fr;align-items:end;gap:clamp(22px,4vw,68px);margin-bottom:clamp(76px,10vw,145px);display:grid}.chapter-intro>p{color:var(--warm);letter-spacing:.09em;margin:0;font-size:13px;font-weight:750}.chapter-intro h2{letter-spacing:-.038em;margin:0;font-size:clamp(52px,7vw,100px);font-weight:600;line-height:.98}.chapter-intro>span{max-width:29ch;color:var(--muted);font-size:16px;line-height:1.76}.case{margin-top:clamp(105px,13vw,190px)}.case-copy{align-self:center}.case-type{color:var(--primary);letter-spacing:.1em;font-size:11px;font-weight:750}.case-copy h3,.featured-handdrawn h3{letter-spacing:-.038em;margin:19px 0 26px;font-size:clamp(45px,5.8vw,82px);font-weight:570;line-height:.99}.case-copy>p,.featured-handdrawn__copy>p{max-width:650px;color:var(--muted);margin:0;font-size:17px;line-height:1.85}.case-copy ul{color:var(--ink);flex-wrap:wrap;gap:8px 14px;margin:29px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.case-copy li+li:before{color:var(--primary);content:"·";margin-right:14px}.case-visual,.featured-handdrawn figure,.prompt-gallery figure,.fixi-gallery figure,.ip-image,.pattern-image,.pattern-archive figure,.ip-gallery figure{background:var(--surface);overflow:hidden}.case-visual img,.featured-handdrawn img,.prompt-gallery img,.pattern-archive img,.ip-gallery img{transition:transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1)}.case-visual:hover img,.featured-handdrawn figure:hover img,.prompt-gallery figure:hover img,.pattern-archive figure:hover img,.ip-gallery figure:hover img{transform:scale(1.025)}.case-hearthstone,.case-handdrawn{align-items:center;gap:clamp(42px,7vw,112px);display:grid}.case-hearthstone{grid-template-columns:minmax(0,1.42fr) minmax(340px,.58fr)}.case-handdrawn{grid-template-columns:minmax(300px,.58fr) minmax(0,1.42fr)}.case-hearthstone .case-visual,.case-handdrawn .case-visual{aspect-ratio:16/9;background:oklch(10% .045 302);place-items:center;min-height:0;display:grid}.case-hearthstone .case-visual .zoomable-image,.case-handdrawn .case-visual .zoomable-image{height:100%}.case-hearthstone .case-visual img,.case-handdrawn .case-visual img{object-fit:contain;object-position:center;height:100%}.case-hearthstone .case-visual:hover img,.case-handdrawn .case-visual:hover img{transform:none}.case-handdrawn .case-copy{grid-area:1/1}.case-handdrawn .case-visual{grid-area:1/2}.illustration-study{margin-top:clamp(70px,9vw,132px)}.illustration-study figure{background:oklch(10% .045 302);margin:0;overflow:hidden}.illustration-study__lead{grid-template-columns:minmax(0,1.48fr) minmax(210px,.52fr);gap:10px;display:grid}.illustration-study__main{align-content:start;display:grid}.illustration-study__main .zoomable-image,.illustration-study__wide .zoomable-image{aspect-ratio:16/9}.illustration-study__main img,.illustration-study__wide img{object-fit:contain;object-position:center;height:100%}.illustration-study__stack{grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;display:grid}.illustration-study__compact{min-height:0;position:relative}.illustration-study__compact .zoomable-image{height:100%;min-height:0}.illustration-study__compact img{object-fit:cover;height:100%;transition:transform .72s cubic-bezier(.16,1,.3,1)}.illustration-study__compact--9 img{object-position:72% 18%}.illustration-study__compact--11 img{object-position:76% 46%}.illustration-study__compact--8 img{object-position:51% 71%}.illustration-study__compact:hover img{transform:scale(1.025)}.illustration-study figcaption{color:var(--muted);justify-content:space-between;gap:14px;padding:12px 15px;font-size:12px;line-height:1.45;display:flex}.illustration-study figcaption b{color:var(--primary);font-weight:700}.illustration-study__compact figcaption{color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:oklch(8% .035 302/.72);padding:6px 8px;font-size:10px;position:absolute;bottom:0;right:0}.illustration-study__wide{margin-top:10px!important}.featured-handdrawn{grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(42px,7vw,112px);margin-top:clamp(105px,13vw,190px);display:grid}.featured-handdrawn__images{grid-template-columns:1.12fr .88fr;gap:10px;display:grid}.featured-handdrawn figure{min-height:610px;margin:0;position:relative}.featured-handdrawn figure:nth-child(2){min-height:510px;margin-top:clamp(42px,7vw,120px)}.featured-handdrawn img{object-fit:contain;background:oklch(10% .045 302);height:100%}.featured-handdrawn figure:hover img{transform:none}.featured-handdrawn figcaption,.pattern-archive figcaption,.ip-gallery figcaption{color:var(--muted);justify-content:space-between;gap:14px;padding:13px 15px;font-size:12px;line-height:1.45;display:flex}.case-pattern{grid-template-columns:1.18fr .82fr;align-items:center;gap:clamp(42px,7vw,112px);display:grid}.pattern-image{background:oklch(10% .045 302);place-items:center;max-height:none;display:grid}.pattern-image img{object-fit:contain;object-position:center;width:100%;max-height:min(78svh,1500px)}.pattern-archive{border-top:1px solid var(--line);margin-top:clamp(90px,11vw,150px)}.pattern-archive>header{grid-template-columns:.85fr 1.15fr;gap:32px;padding:26px 0 36px;display:grid}.pattern-archive>header span{color:var(--warm);font-size:13px;font-weight:650}.pattern-archive>header p{max-width:47ch;color:var(--muted);margin:0;line-height:1.75}.pattern-archive>div{grid-template-columns:1.18fr .91fr .91fr;gap:10px;display:grid}.pattern-archive figure{background:oklch(10% .045 302);align-content:start;min-height:0;margin:0;display:grid}.pattern-archive figure:nth-child(2){margin-top:46px}.pattern-archive figure:nth-child(3){margin-top:92px}.pattern-archive img{object-fit:contain;object-position:center;height:auto}.pattern-archive figure:hover img{transform:none}.pattern-archive b{color:var(--primary);font-weight:700}.case-fixi{grid-template-columns:.68fr 1.32fr;align-items:start;gap:clamp(44px,7vw,110px);display:grid}.case-facts{border-block:1px solid var(--line);color:var(--muted);gap:12px;margin-top:34px;padding-block:20px;font-size:13px;display:grid}.case-facts span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.case-facts b{color:var(--ink);font-size:24px}.fixi-gallery{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fixi-gallery figure{margin:0}.fixi-gallery img{object-fit:contain;background:oklch(10% .045 302);width:100%}.fixi-gallery__primary{grid-column:1/-1}.fixi-gallery__primary img{max-height:min(72svh,840px)}.fixi-gallery__secondary img{aspect-ratio:1.55}.fixi-gallery figcaption,.prompt-gallery figcaption{color:var(--muted);padding:12px 15px;font-size:12px}.case-prompt{grid-template-columns:1.4fr .6fr;align-items:center;gap:clamp(42px,7vw,110px);display:grid}.prompt-gallery{gap:10px;display:grid}.prompt-gallery figure{background:oklch(13% .064 302);margin:0;padding:10px}.prompt-gallery img{height:auto}.prompt-result{border-top:1px solid var(--line);gap:8px;margin-top:34px;padding-top:20px;display:grid}.prompt-result strong{color:var(--primary);letter-spacing:-.02em;font-size:28px}.prompt-result span{color:var(--muted);font-size:13px;line-height:1.65}.case-ip{grid-template-columns:.55fr 1.45fr;align-items:start;gap:clamp(42px,7vw,110px);display:grid}.ip-image{background:oklch(10% .045 302);margin:0}.ip-image--full{padding:clamp(6px,1.1vw,14px);overflow:visible}.ip-image--full img{object-fit:contain;object-position:top center;height:auto}.ip-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:clamp(80px,10vw,145px);display:grid}.ip-gallery figure{background:oklch(10% .045 302);align-content:start;min-height:0;margin:0;display:grid}.ip-gallery figure:nth-child(2),.ip-gallery figure:nth-child(4){margin-top:clamp(38px,6vw,90px)}.ip-gallery img{object-fit:contain;height:auto}.ip-gallery figure:hover img{transform:none}.tool-page{border-top:1px solid var(--line);grid-template-columns:.56fr 1.44fr;align-items:center;gap:clamp(42px,7vw,110px);padding-block:clamp(115px,14vw,205px);display:grid}.tool-page__copy h2{letter-spacing:-.04em;max-width:9ch;margin:16px 0 28px;font-size:clamp(46px,5.8vw,86px);font-weight:570;line-height:.98}.tool-page__copy>p:not(.page-stamp){color:var(--muted);margin:0;font-size:16px;line-height:1.85}.tool-page__copy ul{gap:9px;margin:30px 0 0;padding:0;list-style:none;display:grid}.tool-page__copy li{border-bottom:1px solid var(--line);color:var(--ink);padding-bottom:9px;font-size:13px}.tool-page__visual{background:oklch(10% .045 302);margin:0;padding:10px}.tool-page__visual img{object-fit:contain;height:auto}.tool-page__visual figcaption{color:var(--muted);letter-spacing:.04em;padding:12px 5px 2px;font-size:11px}.contact{min-height:78svh;padding:clamp(90px, 10vw, 150px) max(32px, calc((100vw - var(--max)) / 2));color:oklch(97% .015 316);background:radial-gradient(circle at 82% 22%,oklch(42% .075 307/.38),#0000 30%),linear-gradient(135deg,oklch(22% .065 302),oklch(14.5% .05 292));grid-template-columns:1.35fr .65fr;align-items:center;gap:70px;display:grid}.contact>div>p{letter-spacing:.1em;margin:0 0 28px;font-size:11px;font-weight:800}.contact .page-stamp{color:oklch(97% .015 316/.8);margin-bottom:17px}.contact h2{letter-spacing:-.038em;max-width:13ch;margin:0;font-size:clamp(52px,7.2vw,106px);font-weight:600;line-height:.98}.contact-links{align-content:center;display:grid}.contact-links a{border-bottom:1px solid oklch(97% .015 316/.35);padding:20px 0;font-size:clamp(16px,1.6vw,23px);transition:padding-left .2s}.contact-links a:hover,.contact-links a:focus-visible{padding-left:10px}footer{background:var(--bg-deep);min-height:110px;color:var(--muted);letter-spacing:.08em;grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding-inline:clamp(20px,4vw,64px);font-size:10px;display:grid}:focus-visible{outline:2px solid var(--warm);outline-offset:4px}@media (width<=980px){.section-shell{width:min(calc(100% - 40px), var(--max))}.profile{grid-template-columns:.5fr 1.5fr;gap:44px}.portfolio-compass>div{grid-template-columns:1fr}.portfolio-compass a+a{border-top:1px solid var(--line);border-left:0}.portfolio-compass a{grid-template-columns:60px minmax(210px,.8fr) 1fr;align-items:center;min-height:0}.portfolio-compass a p{max-width:none}.chapter-intro{grid-template-columns:.22fr 1fr}.chapter-intro>span{grid-column:2}.case-hearthstone,.case-handdrawn,.featured-handdrawn,.case-pattern,.case-fixi,.case-prompt,.case-ip,.tool-page{grid-template-columns:1fr}.case-hearthstone .case-copy{grid-row:1}.case-hearthstone .case-visual,.case-handdrawn .case-visual{min-height:0}.case-handdrawn .case-copy,.case-handdrawn .case-visual{grid-area:auto}.illustration-study__lead{grid-template-columns:minmax(0,1.28fr) minmax(190px,.72fr)}.case-copy{max-width:780px}.featured-handdrawn__images{max-width:900px}.featured-handdrawn figure:nth-child(2){margin-top:70px}.prompt-gallery{grid-row:2}.pattern-archive>div{grid-template-columns:1fr 1fr}.pattern-archive figure:nth-child(3){grid-column:1/-1;width:calc(50% - 5px);margin-top:0}.contact{grid-template-columns:1fr}}@media (width<=640px){.section-shell{width:calc(100% - 28px)}.site-header{height:62px}.nav{display:none}.header-contact{font-size:12px}.profile{grid-template-columns:1fr;padding-block:90px}.profile-image{max-width:210px}.profile-copy .lead{font-size:37px}.profile-copy>p:not(.lead){font-size:16px}.portfolio-compass{padding-block:84px 112px}.portfolio-compass a{grid-template-columns:46px 1fr;gap:10px;padding:22px 0}.portfolio-compass a p{grid-column:2}.chapter-intro{margin-bottom:78px;display:block}.chapter-intro h2{margin:16px 0 22px;font-size:51px}.chapter-intro>span{font-size:15px}.case{margin-top:96px}.case-copy h3,.featured-handdrawn h3{font-size:47px}.case-copy>p,.featured-handdrawn__copy>p{font-size:15px}.case-hearthstone .case-visual,.case-handdrawn .case-visual{min-height:0}.featured-handdrawn__images{grid-template-columns:1fr}.featured-handdrawn figure,.featured-handdrawn figure:nth-child(2){min-height:420px;margin-top:10px}.featured-handdrawn figure:nth-child(2){justify-self:end;width:88%}.illustration-study__lead{grid-template-columns:1fr}.illustration-study__stack{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}.illustration-study__compact{aspect-ratio:1}.pattern-archive>header{grid-template-columns:1fr;gap:12px}.pattern-archive>div{grid-template-columns:1fr}.pattern-archive figure,.pattern-archive figure:nth-child(2),.pattern-archive figure:nth-child(3){width:100%;min-height:300px;margin-top:0}.case-facts span{flex-direction:column;align-items:flex-start;gap:3px}.fixi-gallery{grid-template-columns:1fr}.fixi-gallery__primary{grid-column:auto}.fixi-gallery img{aspect-ratio:auto;max-height:none}.ip-image{max-height:none}.ip-gallery{grid-template-columns:1fr}.ip-gallery figure,.ip-gallery figure:nth-child(2),.ip-gallery figure:nth-child(4){min-height:0;margin-top:0}.tool-page{padding-block:92px}.tool-page__copy h2{font-size:50px}.contact{min-height:720px;padding:80px 20px}.contact h2{font-size:52px}.page-index{background:oklch(10% .05 302/.82);border:1px solid oklch(80% .08 315/.24);align-items:baseline;gap:6px;padding:7px 9px;display:flex;top:auto;bottom:15px;right:14px;transform:none}.page-index>span,.page-index>p,.page-index ol{display:none}.page-index>strong{margin:0;font-size:17px}.page-index>i{margin:0}footer{grid-template-columns:1fr;gap:10px;padding-block:30px}.image-zoom-trigger{opacity:.68;width:35px;height:35px}.image-zoom-trigger:before{top:9px;left:9px}.image-zoom-trigger:after{top:22px;left:22px}.image-lightbox{padding:10px}.image-lightbox__hint{white-space:nowrap;max-width:calc(100% - 20px);bottom:5px}.entry-gate__frame{padding:10px}.entry-gate__mark{min-width:82vw}.entry-gate__mark span{font-size:15px}.entry-gate__mark strong{font-size:clamp(58px,22vw,90px)}.entry-gate__status{bottom:52px;left:28px;right:28px}.entry-gate__progress{bottom:38px;left:28px;right:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}