@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--paper:#f6f6f2;--ink:#20211f;--muted:#63655e;--line:#d6d7d0;--accent:#ff5b28;--panel:#eaece5;--white:#fff;--ease:cubic-bezier(.2, .7, .2, 1);color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#151713}.wrap{width:min(1360px,100% - 112px);margin-inline:auto}.skip{z-index:200;background:var(--ink);color:var(--paper);padding:14px 22px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.6}.muted{color:var(--muted)}.serif{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.arrow{transition:transform .25s var(--ease);display:inline-block}a:hover .arrow{transform:translate(3px,-3px)}.section{padding-block:110px}.section-label{align-items:center;gap:12px;display:flex}.section-label:before{content:"";background:var(--accent);width:6px;height:6px}.line{border-top:1px solid var(--line)}.site-header{z-index:50;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:91px;display:flex}.brand{align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.25;display:flex}.brand-mark{letter-spacing:-4px;background:var(--accent);color:#21211c;border-radius:50%;place-items:center;width:47px;height:47px;padding-right:5px;font-size:35px;display:grid}.brand-name{max-width:100px}.nav-links{gap:31px;font-size:14px;display:flex}.nav-links a{padding:10px 0;position:relative}.nav-links a:after{content:"";background:var(--ink);transform-origin:0;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:2px;left:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a[aria-current]:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:16px;display:flex}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.pill{background:var(--ink);min-height:48px;color:var(--paper);border-radius:100px;justify-content:center;align-items:center;gap:30px;padding:12px 24px;font-size:14px;transition:background .2s,transform .3s;display:inline-flex}.pill:hover{background:var(--accent);color:#171916;transform:translateY(-2px)}.pill.outline{border:1px solid var(--line);color:var(--ink);background:0 0}.menu-toggle{display:none}.scroll-progress{background:var(--accent);transform-origin:0;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.hero{padding-top:56px;padding-bottom:36px;position:relative}.hero-topline{justify-content:space-between;align-items:center;display:flex}.hero-location{align-items:center;gap:22px;display:flex}.local-clock{font-variant-numeric:tabular-nums}.hero-layout{grid-template-columns:1fr 330px;align-items:center;gap:24px;padding-top:38px;display:grid;position:relative}.hero h1{letter-spacing:-.072em;z-index:2;margin:0;font-size:clamp(68px,8.3vw,128px);font-weight:500;line-height:.98;position:relative}.hero h1 .serif{letter-spacing:-.045em;color:var(--accent);font-size:1.19em}.hero-line{display:block}.hero-portrait{background:var(--accent);align-self:center;margin:0 14px 0 0;padding:13px 13px 0;position:relative;transform:rotate(5deg);box-shadow:0 15px 24px #0000000a}.hero-portrait img{object-fit:cover;object-position:50% 30%;filter:grayscale();mix-blend-mode:multiply;width:100%;height:285px}.portrait-caption{letter-spacing:.01em;color:#20211f;justify-content:space-between;padding:17px 2px;font-size:13px;display:flex}.portrait-sticker{background:var(--paper);border:1px solid var(--line);letter-spacing:.07em;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:114px;height:114px;font-size:12px;line-height:1.5;display:flex;position:absolute;bottom:80px;left:-56px;transform:rotate(-18deg)}.portrait-sticker b{color:var(--accent);font-size:37px;font-weight:400;line-height:1.1}.hero-bottom{grid-template-columns:1.2fr 1fr auto;align-items:end;gap:35px;margin-top:40px;display:grid}.hero-intro{letter-spacing:-.02em;max-width:420px;margin:0;font-size:18px;line-height:1.6}.hero-intro strong{font-weight:600}.hero-role{color:var(--muted);font-size:14px;line-height:1.7}.hero-role a{color:var(--ink);border-bottom:1px solid var(--line)}.work-cta{align-items:center;gap:18px;font-size:14px;display:flex}.work-cta span:first-child{border:1px solid var(--ink);border-radius:50%;place-items:center;width:50px;height:50px;font-size:24px;transition:background .2s,transform .3s;display:grid}.work-cta:hover span:first-child{background:var(--accent);transform:translateY(4px)}.hero-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:48px;padding-top:22px;display:flex}.hero-social{gap:23px;font-size:13px;display:flex}.hero-note{color:var(--muted);font-size:12px}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin:22px 0 42px;display:flex}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.3vw,76px);font-weight:500;line-height:1.05}.section-heading p{max-width:310px;color:var(--muted);margin:0;font-size:16px;line-height:1.6}.work-grid{grid-template-columns:1fr 1fr;gap:56px 28px;display:grid}.project-card{min-width:0}.project-visual{background:#e5e8de;border-radius:3px;justify-content:center;align-items:center;height:380px;display:flex;position:relative;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;transition:transform .65s var(--ease)}.project-card:hover .project-visual img{transform:scale(1.035)}.project-visual.ticketspi{background:#f25a30}.project-visual.ticketspi img{object-fit:contain;width:92%;height:auto;max-height:90%;transform:rotate(-3deg);box-shadow:0 20px 30px #721b001c}.project-visual.katalyst{background:#dde5d3}.project-visual.katalyst img{object-fit:contain;max-height:300px;padding:80px}.project-visual.niram-kalavai{background:#dedcff}.project-visual.niram-kalavai img,.project-visual.svg-path-splitter img{object-fit:contain;width:90%;height:90%}.project-visual.svg-path-splitter{background:#ffe6c7}.project-number{letter-spacing:.04em;color:#242820;font-size:12px;position:absolute;top:22px;left:24px}.project-open{color:#20211f;background:#f8f8f2;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;transition:background .2s,transform .3s;display:grid;position:absolute;bottom:20px;right:20px}.project-card:hover .project-open{background:var(--accent);transform:rotate(45deg)}.project-info{justify-content:space-between;gap:24px;padding-top:22px;display:flex}.project-info h3{letter-spacing:-.045em;margin:0 0 8px;font-size:28px;font-weight:500}.project-info p{max-width:450px;color:var(--muted);margin:0;font-size:15px;line-height:1.6}.project-year{color:var(--muted);padding-top:9px;font-size:13px}.tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{border:1px solid var(--line);border-radius:100px;padding:6px 11px;font-size:12px}.project-visual .confidential{color:#33392c;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;bottom:24px;left:24px}.work-footnote{color:var(--muted);justify-content:space-between;margin-top:38px;font-size:13px;display:flex}.site-footer{background:var(--accent);color:#22231e;padding:62px 0 24px}.footer-label{justify-content:space-between;gap:20px;display:flex}.footer-title{letter-spacing:-.07em;margin:40px 0;font-size:clamp(55px,8.6vw,130px);font-weight:500;line-height:1.03}.footer-contact{letter-spacing:-.035em;align-items:center;gap:18px;font-size:clamp(18px,2.6vw,32px);display:flex}.copy-email{background:0 0;border:1px solid #22231e66;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.footer-bottom{border-top:1px solid #22231e50;justify-content:space-between;align-items:center;gap:20px;margin-top:70px;padding-top:22px;font-size:12px;display:flex}.footer-social{flex-wrap:wrap;gap:24px;display:flex}.footer-controls{align-items:center;gap:18px;display:flex}.text-button{text-underline-offset:4px;background:0 0;padding:6px 0;font-size:12px;text-decoration:underline}.toast{background:var(--ink);color:var(--paper);z-index:100;opacity:0;pointer-events:none;border-radius:100px;padding:14px 24px;transition:opacity .2s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (min-width:1600px){.hero-layout{grid-template-columns:1fr 380px}.hero-portrait img{height:335px}.hero h1{font-size:139px}}@media (max-width:1050px){.wrap{width:calc(100% - 64px)}.nav-links{gap:20px}.hero-layout{grid-template-columns:1fr 270px}.hero h1{font-size:9.2vw}.hero-portrait img{height:245px}.hero-bottom{grid-template-columns:1.4fr 1fr}.work-cta{grid-area:1/2;justify-self:end}.hero-role{grid-row:2}.project-visual{height:310px}.project-visual.katalyst img{padding:55px}.section{padding-block:85px}}@media (max-width:760px){:root{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav{gap:12px;min-height:75px}.brand-mark{width:40px;height:40px;font-size:30px}.brand-name{font-size:12px}.nav-actions{gap:9px}.nav-actions>.pill{display:none}.menu-toggle{display:grid}.nav-links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:20px;display:none;position:absolute;top:75px;left:0;right:0;box-shadow:0 10px 15px #00000010}.nav-links.open{display:flex}.nav-links a{padding:11px 0;font-size:22px}.hero{padding-top:28px}.hero-topline{font-size:10px}.hero-location{gap:8px}.hero-location .local-clock{display:none}.hero-layout{grid-template-columns:1fr;gap:35px;padding-top:32px}.hero h1{font-size:clamp(65px,12vw,92px)}.hero-portrait{justify-self:end;width:230px;margin:0 12px 0 0}.hero-portrait img{height:220px}.portrait-sticker{width:105px;height:105px;bottom:65px;left:-76px}.hero-bottom{grid-template-columns:1fr;gap:24px;margin-top:36px}.hero-intro{font-size:17px}.hero-role{grid-row:auto}.work-cta{grid-area:auto;justify-self:start}.hero-footer{align-items:start;gap:20px;margin-top:32px}.hero-social{flex-wrap:wrap;gap:15px;font-size:12px}.hero-note{text-align:right;max-width:120px;font-size:11px}.section{padding-block:70px}.section-heading{margin-bottom:32px;display:block}.section-heading h2{font-size:49px}.section-heading p{margin-top:20px}.work-grid{grid-template-columns:1fr;gap:42px}.project-visual{height:320px}.project-info h3{font-size:27px}.work-footnote{gap:20px;line-height:1.6}.work-footnote span:last-child{text-align:right}.footer-label{font-size:11px}.footer-title{margin:34px 0;font-size:16vw}.footer-contact{word-break:break-word;gap:12px;font-size:20px}.footer-bottom{flex-direction:column;align-items:start;gap:25px;margin-top:45px}.footer-social{gap:20px}.footer-controls{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-motion=off]{scroll-behavior:auto}:root[data-motion=off] *{transition-duration:.01ms!important;animation-duration:.01ms!important}.underlined{text-underline-offset:6px;font-size:14px;text-decoration:underline;text-decoration-thickness:1px}.about-section{background:var(--panel)}.about-grid{grid-template-columns:.88fr 1.12fr;align-items:center;gap:100px;margin-top:40px;display:grid}.about-photo{max-width:465px;position:relative}.about-photo>img{object-fit:cover;object-position:center 32%;filter:grayscale();border-radius:2px;width:100%;height:565px}.photo-note{background:var(--accent);color:#20211f;padding:19px 26px;font-size:20px;line-height:1.15;position:absolute;bottom:28px;left:-20px;transform:rotate(-5deg);box-shadow:0 10px 20px #00000012}.photo-note .serif{font-size:30px}.about-copy h2{letter-spacing:-.055em;margin:0 0 27px;font-size:clamp(38px,4.6vw,66px);font-weight:500;line-height:1.1}.about-copy>p{color:var(--muted);margin:0 0 18px;font-size:17px;line-height:1.75}.experience-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:17px;margin-top:30px;padding:22px 0;display:flex}.experience-mark{background:var(--ink);width:45px;height:45px;color:var(--paper);border-radius:50%;place-items:center;font-weight:600;display:grid}.experience-row h3{margin:0 0 5px;font-size:15px;font-weight:500}.experience-row p{color:var(--muted);margin:0;font-size:13px}.experience-row>.eyebrow{margin-left:auto;font-size:10px}.about-links{flex-wrap:wrap;align-items:center;gap:27px;margin-top:25px;display:flex}.craft-list{border-top:1px solid var(--line)}.craft-row{border-bottom:1px solid var(--line);padding:30px 0}.craft-row summary{cursor:pointer;align-items:center;gap:55px;list-style:none;display:flex}.craft-row summary::-webkit-details-marker{display:none}.more-diary summary::-webkit-details-marker{display:none}.craft-row h3{letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,43px);font-weight:500}.craft-row summary>.eyebrow{color:var(--muted);width:30px}.expand{transition:transform .35s var(--ease);margin-left:auto;font-size:30px;font-weight:400}.craft-row[open] .expand{transform:rotate(45deg)}.craft-detail{grid-template-columns:.9fr 1.1fr;gap:75px;margin:25px 0 8px 85px;display:grid}.craft-detail p{color:var(--muted);max-width:420px;margin:0;font-size:16px;line-height:1.65}.craft-detail .tags{align-content:start;margin:0}.craft-detail .tag{padding:7px 12px;font-size:13px}.toolkit{grid-template-columns:200px 1fr;gap:40px;margin-top:45px;display:grid}.tool-groups{grid-template-columns:1fr 1fr;gap:22px 35px;display:grid}.tool-groups h4{margin:0 0 10px;font-size:14px;font-weight:500}.tool-groups p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.process-section{color:#f1f3e9;background:#232720}.process-section .section-heading p{color:#b5baac}.process-grid{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:65px;display:grid}.step-number{color:#c7d0b4;border-bottom:1px solid #555c4c;padding-bottom:20px;font-family:Instrument Serif,Georgia,serif;font-size:66px;font-style:italic;display:block}.process-grid h3{letter-spacing:-.03em;margin:25px 0 12px;font-size:19px;font-weight:500}.process-grid p{color:#b5baac;margin:0;font-size:15px;line-height:1.8}.diary-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.diary-image{aspect-ratio:4/3;background:var(--panel);position:relative;overflow:hidden}.diary-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.diary-card:hover img{transform:scale(1.045)}.diary-index{letter-spacing:.06em;color:#20211f;background:#f6f6f2;padding:7px 10px;font-size:10px;position:absolute;bottom:14px;left:14px;transform:rotate(-3deg)}.diary-info p{margin:20px 0 10px;font-size:11px}.diary-info h3{letter-spacing:-.035em;margin:0;font-size:21px;font-weight:500;line-height:1.4}.diary-info .arrow{font-size:19px}.more-diary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px}.more-diary summary{cursor:pointer;gap:20px;padding:24px 0;font-size:16px;list-style:none;display:flex}.more-diary summary>span:last-child{margin-left:auto;font-size:22px}.diary-count{color:var(--muted);align-self:center;font-size:12px}.diary-list{grid-template-columns:1fr 1fr;column-gap:35px;padding-bottom:22px;display:grid}.diary-row{border-top:1px solid var(--line);align-items:center;gap:17px;padding:20px 0;display:flex}.diary-row img{object-fit:cover;width:85px;height:65px}.diary-row h3{margin:0 0 5px;font-size:16px;font-weight:500;line-height:1.4}.diary-row p{color:var(--muted);margin:0;font-size:12px}.diary-row>.arrow{margin-left:auto}.writing-row{border-top:1px solid var(--line);grid-template-columns:140px 1fr 25px;align-items:center;gap:25px;padding:32px 0;display:grid}.writing-row:last-child{border-bottom:1px solid var(--line)}.writing-row h3{letter-spacing:-.035em;max-width:820px;margin:0;font-size:23px;font-weight:500;line-height:1.4}.writing-row .arrow{font-size:25px}.writing-row:hover h3{color:var(--accent)}.back-link{color:var(--muted);margin:0 0 50px;font-size:14px;display:inline-block}.back-link:hover{color:var(--ink)}.case-hero{padding-top:42px}.case-category{margin-bottom:25px}.case-hero h1,.page-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(60px,8.2vw,124px);font-weight:500;line-height:1.02}.case-hero h1 em{color:var(--accent);font-family:Instrument Serif,Georgia,serif;font-weight:400}.case-intro{grid-template-columns:1fr 1.3fr;align-items:start;gap:40px;padding:40px 0;display:grid}.case-intro h2{letter-spacing:-.04em;margin:0;font-size:32px;font-weight:500}.case-intro p{color:var(--muted);max-width:640px;margin:0;font-size:19px;line-height:1.7}.case-meta{border-top:1px solid var(--line);grid-template-columns:2fr 1.5fr 1fr 1fr;gap:25px;margin:0;padding:26px 0 35px;display:grid}.case-meta dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:11px}.case-meta dd{margin:0;font-size:14px;line-height:1.5}.case-cover{background:var(--panel);justify-content:center;align-items:center;height:540px;margin-top:15px;display:flex;overflow:hidden}.case-cover img{object-fit:contain;width:100%;height:100%}.case-cover.ticketspi{background:#da410c}.case-cover.katalyst{background:#dde5d3}.case-cover.katalyst img{width:45%;height:250px}.case-cover.niram-kalavai{background:#dcd8f5;padding:50px}.case-cover.svg-path-splitter{background:#ffead3;padding:50px}.case-layout{grid-template-columns:230px minmax(0,1fr);gap:75px;padding-block:85px;display:grid}.case-toc{scrollbar-width:thin;align-self:start;max-height:calc(100vh - 145px);position:sticky;top:122px;overflow:auto}.case-toc>p{margin:0 0 20px}.case-toc nav{flex-direction:column;gap:2px;display:flex}.case-toc nav a{color:var(--muted);border-left:2px solid #0000;gap:10px;padding:7px 10px;font-size:12px;line-height:1.6;display:flex}.case-toc nav a span{opacity:.65;padding-top:2px;font-size:10px}.case-toc nav a:hover,.case-toc nav a.active{color:var(--ink);border-color:var(--accent);background:var(--panel)}.toc-back{margin:25px 0;font-size:13px;display:inline-block}.case-section{border-bottom:1px solid var(--line);margin-bottom:65px;padding:0 0 65px;scroll-margin-top:120px}.case-section:last-child{border:0;margin-bottom:0;padding-bottom:0}.case-section>.section-label{margin-bottom:26px}.case-section p{color:var(--muted);max-width:860px;margin:0 0 24px;font-size:17px;line-height:1.85}.case-section p.case-lead{letter-spacing:-.04em;color:var(--ink);margin-bottom:28px;font-size:clamp(27px,3vw,43px);font-weight:500;line-height:1.2}.case-section h3{letter-spacing:-.035em;margin:32px 0 18px;font-size:24px;font-weight:500}.case-section strong{color:var(--ink);font-weight:600}.case-list{color:var(--muted);margin:25px 0;padding-left:25px;font-size:16px;line-height:1.9}.case-list li{margin-bottom:12px;padding-left:5px}.case-section blockquote,.story-prose blockquote{border-left:3px solid var(--accent);margin:35px 0;padding:15px 0 15px 27px;font-family:Instrument Serif,Georgia,serif;font-size:32px;font-style:italic;line-height:1.3}.case-image{margin:35px 0}.image-button{background:var(--panel);width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-button img{width:100%;height:auto;display:block}.image-enlarge{color:#20211f;background:#f6f6f2;border-radius:50%;place-items:center;width:38px;height:38px;font-size:21px;transition:transform .3s;display:grid;position:absolute;bottom:15px;right:15px}.image-button:hover .image-enlarge{transform:rotate(45deg)}.case-image figcaption{color:var(--muted);margin-top:13px;font-size:13px;line-height:1.6}.flow-list,.cascade-list{gap:12px;margin:30px 0;padding:0;list-style:none;display:grid}.flow-list{grid-template-columns:repeat(3,1fr)}.flow-list li,.cascade-list li{background:var(--panel);border:1px solid var(--line);padding:18px;font-size:15px;line-height:1.6}.flow-list li>span,.cascade-list li>span{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.table-scroll{margin:30px 0 12px;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px;line-height:1.6}.table-scroll th,.table-scroll td{text-align:left;border-bottom:1px solid var(--line);padding:16px}.table-scroll th{font-weight:500}.table-scroll thead{background:var(--panel)}.table-yes{color:var(--ink);font-size:21px}.case-section .table-caption{font-size:13px}.private-note{background:var(--panel);border:1px solid var(--line);margin:30px 0;padding:32px}.private-note h3{margin-top:18px}.private-note p{font-size:16px}.next-project{border-top:1px solid var(--line);padding-block:65px 85px}.next-project>a{justify-content:space-between;align-items:center;gap:24px;margin-top:22px;display:flex}.next-project h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,6vw,82px);font-weight:500}.next-project>a>span{font-size:60px}.next-project a:hover{color:var(--accent)}.page-intro{padding:42px 0 70px}.page-intro .section-label{margin-bottom:25px}.page-intro h1 .serif{color:var(--accent)}.page-intro>p{max-width:620px;color:var(--muted);margin:30px 0 0;font-size:21px;line-height:1.65}.page-intro>.pill{margin-top:30px}.story-body{grid-template-columns:.85fr 1.15fr;gap:80px;padding-bottom:90px;display:grid}.story-portrait{align-self:start;position:sticky;top:120px}.story-portrait img{object-fit:cover;object-position:center 30%;filter:grayscale();width:100%;height:550px}.story-portrait>.eyebrow{margin-top:18px;font-size:11px;display:block}.story-prose>p{color:var(--muted);margin:0 0 25px;font-size:18px;line-height:1.85}.story-prose strong{color:var(--ink);font-weight:500}.story-prose blockquote{letter-spacing:-.025em;font-family:DM Sans,sans-serif;font-size:28px;font-style:normal}.story-prose blockquote .serif{font-size:36px}.credentials{border-top:1px solid var(--line)}.credential{border-bottom:1px solid var(--line);align-items:start;gap:30px;padding:25px 0;display:flex}.credential-index{color:var(--muted);padding-top:5px;font-size:12px}.credential h3{letter-spacing:-.025em;margin:0 0 5px;font-size:18px;font-weight:500;line-height:1.5}.credential h3 a:hover{text-underline-offset:4px;text-decoration:underline}.credential p{color:var(--muted);margin:0;font-size:14px}.credential-date{color:var(--muted);white-space:nowrap;margin-left:auto;padding-top:5px;font-size:13px}.notes-grid{grid-template-columns:repeat(3,1fr);gap:45px 25px;display:grid}.note-card img{object-fit:cover;object-position:top;background:var(--panel);border:1px solid var(--line);width:100%;height:230px;margin-bottom:20px}.note-card .eyebrow{font-size:10px}.note-card h3{letter-spacing:-.03em;margin:10px 0;font-size:20px;font-weight:500;line-height:1.4}.note-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.gallery-section{padding-bottom:100px}.gallery-filters{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 38px;padding-top:25px;display:flex}.gallery-filters button{border:1px solid var(--line);background:0 0;border-radius:100px;padding:11px 20px;font-size:14px;transition:background .2s}.gallery-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-count{color:var(--muted);margin-left:auto;font-size:12px}.gallery-grid{columns:3;column-gap:25px}.gallery-card{break-inside:avoid;width:100%;margin:0 0 32px;display:inline-block}.gallery-card[hidden]{display:none}.gallery-card img{transition:transform .6s var(--ease)}.gallery-card .image-button:hover img{transform:scale(1.025)}.gallery-card figcaption{padding:17px 0 0}.gallery-card figcaption .eyebrow{font-size:10px}.gallery-card p{margin:5px 0 0;font-size:15px;line-height:1.6}.lightbox{color:#f6f6f2;z-index:100;background:#171916;border:1px solid #fff2;border-radius:8px;width:96vw;max-width:1550px;height:94dvh;max-height:94dvh;margin:auto;padding:0;position:fixed;inset:0}.lightbox[open]{flex-direction:column;display:flex}.lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070907e6}.lightbox-toolbar{border-bottom:1px solid #fff2;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex}.lightbox-toolbar>div{gap:10px;display:flex}.lightbox-counter{color:#b5baac;font-size:13px}.lightbox button{color:#f6f6f2;background:#292c25;border-radius:100px;min-height:40px;padding:8px 17px;font-size:13px}.lightbox button:hover{background:#44483d}.lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:auto}.lightbox-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.lightbox-stage.zoomed{display:block}.lightbox-stage.zoomed .lightbox-img{object-fit:initial;width:170%;max-width:none;height:auto;max-height:none;margin:0 auto}.lightbox-bottom{border-top:1px solid #fff2;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.lightbox-caption{text-align:center;max-width:950px;margin:0;font-size:14px;line-height:1.5}.lightbox-prev,.lightbox-next{min-width:45px;font-size:20px!important}@keyframes arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-arrive{0%{opacity:0;transform:translateY(18px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(5deg)}}@keyframes sticker-turn{0%{transform:rotate(0)}to{transform:rotate(90deg)}}:root:not([data-motion=off]) .hero-line{animation:arrive .75s var(--ease) both}.hero-line:nth-child(2){animation-delay:80ms!important}.hero-line:nth-child(3){animation-delay:.16s!important}:root:not([data-motion=off]) .hero-portrait{animation:portrait-arrive .9s .15s var(--ease) both}:root:not([data-motion=off]) .portrait-sticker b{animation:sticker-turn 1.3s .7s var(--ease) both}.reveal{opacity:1;transition:opacity .65s var(--ease), transform .65s var(--ease);transform:translateY(0)}:root:not([data-motion=off]) .reveal.pending{opacity:0;transform:translateY(22px)}button:active,.pill:active{transform:scale(.97)}@media (max-width:1100px){.about-grid{gap:55px}.about-photo>img{height:490px}.about-links{gap:20px}.process-grid{gap:25px}.process-grid h3{font-size:17px}.case-layout{grid-template-columns:180px minmax(0,1fr);gap:40px}.case-toc nav a{font-size:11px}.case-cover{height:420px}.story-body{gap:45px}.story-portrait img{height:470px}.notes-grid{grid-template-columns:1fr 1fr}.note-card img{height:260px}}@media (max-width:760px){.about-grid{grid-template-columns:1fr;gap:45px}.about-photo{max-width:100%;margin:0 12px}.about-photo>img{height:420px}.photo-note{left:-12px}.about-copy h2{font-size:44px}.about-copy>p{font-size:16px}.experience-row>.eyebrow{display:none}.about-links{gap:20px}.craft-row{padding:24px 0}.craft-row summary{gap:16px}.craft-row summary>.eyebrow{width:20px;font-size:10px}.craft-row h3{max-width:240px;font-size:27px}.craft-detail{grid-template-columns:1fr;gap:20px;margin:23px 0 5px 36px}.toolkit{grid-template-columns:1fr;gap:25px}.tool-groups{grid-template-columns:1fr;gap:22px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:40px}.step-number{font-size:54px}.process-grid h3{margin-top:20px;font-size:18px}.process-grid p{font-size:14px;line-height:1.75}.diary-grid{grid-template-columns:1fr;gap:32px}.diary-image{aspect-ratio:1.4}.diary-info h3{font-size:23px}.diary-info p{margin-top:16px}.more-diary summary{font-size:14px;line-height:1.5}.diary-count{display:none}.diary-list{grid-template-columns:1fr}.diary-row h3{font-size:15px}.writing-row{grid-template-columns:1fr 20px;gap:12px;padding:24px 0}.writing-row>.eyebrow{grid-column:1/-1}.writing-row h3{font-size:21px}.writing-row .arrow{font-size:22px}.case-hero,.page-intro{padding-top:28px}.back-link{margin-bottom:36px;font-size:13px}.case-category{font-size:11px}.case-hero h1,.page-intro h1{font-size:clamp(55px,11.8vw,88px)}.case-intro{grid-template-columns:1fr;gap:16px;padding:28px 0}.case-intro h2{font-size:27px}.case-intro p{font-size:17px}.case-meta{grid-template-columns:1fr 1fr;gap:23px}.case-meta dd{font-size:13px}.case-cover{height:270px;margin-top:0}.case-cover.niram-kalavai,.case-cover.svg-path-splitter{padding:25px}.case-cover.katalyst img{width:70%;height:160px}.case-layout{padding-top:40px;padding-bottom:50px;display:block}.case-toc{border-bottom:1px solid var(--line);max-height:none;margin-bottom:40px;padding-bottom:24px;position:static;overflow:visible}.case-toc nav{grid-template-columns:1fr 1fr;gap:3px 10px;display:grid}.case-toc nav a{font-size:12px}.case-toc .toc-back{display:none}.case-section{margin-bottom:40px;padding-bottom:40px}.case-section p{font-size:16px;line-height:1.8}.case-section p.case-lead{font-size:31px}.case-section h3{font-size:23px}.case-section blockquote{padding-left:20px;font-size:28px}.case-list{padding-left:20px;font-size:15px}.flow-list{grid-template-columns:1fr 1fr;gap:10px}.flow-list li,.cascade-list li{padding:14px;font-size:14px}.private-note{padding:22px}.private-note .pill{gap:10px;padding-inline:18px;font-size:12px}.next-project{padding-block:45px 55px}.next-project h2{font-size:42px}.next-project>a>span{font-size:45px}.page-intro{padding-bottom:45px}.page-intro>p{margin-top:24px;font-size:18px}.story-body{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.story-portrait{position:static}.story-portrait img{height:430px}.story-prose>p{font-size:16px;line-height:1.8}.credential{flex-wrap:wrap;gap:15px}.credential>div{flex:1}.credential h3{font-size:16px}.credential p{font-size:13px;line-height:1.6}.credential-date{width:100%;margin-top:-7px;padding-left:30px;font-size:12px}.notes-grid{grid-template-columns:1fr;gap:35px}.note-card img{object-fit:contain;background:var(--panel);height:auto;max-height:330px}.gallery-filters{gap:8px}.gallery-filters button{padding:10px 14px;font-size:12px}.gallery-count{width:100%;margin-top:12px}.gallery-grid{columns:2;column-gap:15px}.gallery-card{margin-bottom:25px}.gallery-card p{font-size:13px}.gallery-card figcaption .eyebrow{font-size:9px}.gallery-section{padding-bottom:60px}.image-enlarge{width:30px;height:30px;font-size:18px;bottom:10px;right:10px}.lightbox-toolbar{padding:10px 13px}.lightbox-toolbar button{padding:8px 13px;font-size:12px}.lightbox-stage{padding:10px}.lightbox-caption{font-size:12px}.lightbox-bottom{gap:10px;padding:10px}.lightbox-prev,.lightbox-next{min-width:36px;padding:8px 12px!important}}@media (max-width:360px){.hero h1{font-size:58px}.hero-topline,.hero-location{font-size:9px}.footer-contact{font-size:17px}.craft-row h3{font-size:24px}.process-grid{grid-template-columns:1fr}.gallery-grid{columns:1}}@media (prefers-reduced-motion:reduce){.reveal.pending{opacity:1!important;transform:none!important}:root{scroll-behavior:auto}}.serif{letter-spacing:-.025em}.project-visual.ticketspi img{width:80%;max-height:77%;transform:translateY(24px)rotate(-3deg)}.project-card:hover .ticketspi img{transform:translateY(22px)rotate(0)scale(1.035)}.project-visual.katalyst img{max-height:none;padding:25px}.hero-topline,.hero-location,.hero-note,.experience-row>.eyebrow,.craft-row summary>.eyebrow,.diary-info p,.diary-index,.footer-label,.case-category,.case-toc nav a,.case-toc nav a span,.case-meta dt,.story-portrait>.eyebrow,.note-card .eyebrow,.gallery-card figcaption .eyebrow{font-size:12px}.case-hero h1 em{letter-spacing:-.025em}@media (max-width:760px){.hero-topline{align-items:flex-start;gap:20px}.hero-topline>span:first-child{max-width:200px}.hero-location{white-space:nowrap;flex-shrink:0}}.nav-actions>.pill{white-space:nowrap}@media (min-width:761px) and (max-width:1000px){.menu-toggle{display:grid}.nav-links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:20px 32px;display:none;position:absolute;top:91px;left:0;right:0;box-shadow:0 10px 15px #00000010}.nav-links.open{display:flex}.nav-links a{padding:11px 0;font-size:22px}}html{scroll-behavior:smooth}.nav-links a,.footer-contact>a,.footer-controls>a{align-items:center;gap:7px;display:inline-flex}.site-header .scroll-progress{transform:none}.nav-links{gap:27px}.kinetic-hero{isolation:isolate;padding-top:34px;position:relative;overflow:hidden}.hero-sky{z-index:-2;pointer-events:none;background:linear-gradient(#71b8e6,#e5eff4 80%,#f6f6f2);position:absolute;inset:0}.hero-sky canvas{opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease);display:block}.hero-sky.ready canvas{opacity:1}.kinetic-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f6f6f2ed 0%,#f6f6f2ad 35%,#f6f6f200 74%),linear-gradient(#f6f6f200 76%,#f6f6f2 100%);position:absolute;inset:0}.kinetic-hero-inner{align-items:center;min-height:625px;display:flex;position:relative}.hero-copy{z-index:2;pointer-events:none;padding:30px 0;position:relative}.hero-copy a{pointer-events:auto}.hero-intro-chip{align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.hero-intro-chip img{object-fit:cover;filter:grayscale();border-radius:50%;width:34px;height:34px}.chip-line{background:var(--line);width:50px;height:1px;margin-left:5px}.hero-copy h1{letter-spacing:-.065em;margin:0 0 28px;font-size:clamp(70px,8.3vw,124px);font-weight:500;line-height:1.02}.hero-copy h1>span{display:block}.hero-copy h1 .serif{letter-spacing:-.035em;color:var(--accent);font-size:1.16em;line-height:.99}.hero-copy>p{color:var(--muted);max-width:370px;margin:0;font-size:17px;line-height:1.65}.hero-work-link{border-bottom:1px solid var(--ink);align-items:center;gap:40px;margin-top:14px;padding:15px 0 10px;font-size:14px;font-weight:500;display:inline-flex}.hero-object{z-index:1;width:57%;height:590px;position:absolute;top:15px;right:-55px}.sculpture{isolation:isolate;position:absolute;inset:0}.sculpture canvas{z-index:1;outline:none;max-width:100%;display:block;position:relative}.object-label{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:12%;right:10%}.label-top{color:var(--muted);font-size:10px;top:25px}.label-bottom{bottom:10px}.coordinate{letter-spacing:.06em;color:var(--muted);font-size:10px}.label-bottom .eyebrow{font-size:11px}.sculpture-fallback{place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:20%}.ready .sculpture-fallback{opacity:0}.sculpture-fallback span{border:30px solid var(--accent);border-radius:50%;width:75%;height:75%;position:absolute;transform:rotateX(35deg)rotateY(30deg)}.sculpture-fallback span:nth-child(2){transform:rotateX(-45deg)rotateY(-35deg)}.sculpture-fallback span:nth-child(3){border-width:3px;border-color:var(--muted);width:100%;height:100%;transform:rotateY(80deg)}.kinetic-hero-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:25px 0 32px;display:flex}.kinetic-hero-bottom .eyebrow{font-size:10px}.kinetic-hero-bottom p{margin:6px 0 0;font-size:13px}.scroll-invitation{align-items:center;gap:18px;font-size:13px;display:flex}.scroll-invitation svg{animation:2.8s ease-in-out 2 scroll-nudge}.thinking-section{color:#f1f4e9;background:#22271f}.thinking-layout{grid-template-columns:1fr 1fr;gap:100px;padding-block:100px;display:grid}.thinking-sticky{align-self:start;position:sticky;top:130px}.thinking-sticky h2{letter-spacing:-.05em;margin:27px 0;font-size:clamp(46px,5vw,74px);font-weight:500;line-height:1.03}.thinking-sticky h2 .serif{color:#c5d5a2;font-size:1.14em}.thinking-sticky>p{color:#b4bcaa;max-width:360px;font-size:16px;line-height:1.8}.thinking-diagram{justify-content:flex-start;align-items:center;height:200px;margin-top:25px;display:flex;position:relative;overflow:hidden}.thinking-orbits{place-items:center;width:210px;height:165px;display:grid;position:relative}.thinking-orbits span{border:1px solid #8e9c7977;border-radius:50%;position:absolute;inset:10px;transform:rotate(-20deg)}.thinking-orbits span:nth-child(2){width:115px;margin:auto;transform:rotate(40deg)}.thinking-orbits span:nth-child(3){width:115px;margin:auto;transform:rotate(-40deg)}.thinking-orbits b{color:#c5d5a2;font-family:Instrument Serif,Georgia,serif;font-size:75px;font-style:italic;font-weight:400}.diagram-label{text-transform:uppercase;letter-spacing:.1em;color:#b4bcaa;font-size:11px;position:absolute;bottom:0;left:0}.thinking-progress{gap:8px;margin-top:28px;display:flex}.thinking-progress span{background:#505848;width:38px;height:2px;transition:background .4s}.thinking-progress span.active{background:#c5d5a2}.thinking-steps{padding-top:15px}.thinking-step{opacity:.5;min-height:570px;padding:20px 0 65px;transition:opacity .5s}.thinking-step.current{opacity:1}.step-top{color:#b4bcaa;border-bottom:1px solid #49513f;align-items:center;gap:20px;padding-bottom:18px;display:flex}.step-top>span:nth-child(2){margin-left:auto}.thinking-step h3{letter-spacing:-.035em;color:#d0dbbb;margin:30px 0 18px;font-family:Instrument Serif,Georgia,serif;font-size:90px;font-style:italic;font-weight:400}.thinking-step h4{letter-spacing:-.03em;margin:0 0 16px;font-size:24px;font-weight:500;line-height:1.3}.thinking-step>p{color:#b4bcaa;max-width:430px;font-size:16px;line-height:1.8}.thinking-step blockquote{border-left:2px solid var(--accent);max-width:380px;margin:28px 0;padding:15px 0 15px 20px;font-size:18px;line-height:1.5}.step-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.step-tags span{color:#c8cebf;border:1px solid #4c5643;border-radius:50px;padding:7px 10px;font-size:11px}.selected-work{padding-block:110px}.tilt{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s var(--ease)}.project-visual{height:360px}.project-visual.katalyst img{padding:20px}.parallax-image{overflow:hidden}.parallax-image img{object-fit:cover;width:100%;height:calc(100% + 40px)}.lightbox-image-placeholder{min-height:150px}.case-cover{position:relative}@keyframes scroll-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (min-width:1500px){.kinetic-hero-inner{min-height:680px}.hero-object{height:660px;top:0}}@media (max-width:1050px){.hero-object{width:60%;height:500px;top:70px;right:-30px}.hero-copy h1{font-size:9vw}.kinetic-hero-inner{min-height:620px}.thinking-layout{gap:55px}.thinking-step h3{font-size:75px}.thinking-sticky h2{font-size:5.6vw}.project-visual{height:300px}}@media (max-width:760px){.kinetic-hero{padding-top:23px}.kinetic-hero>.hero-topline{align-items:center;font-size:10px}.kinetic-hero>.hero-topline>span:first-child{max-width:220px}.kinetic-hero .local-clock{display:none}.kinetic-hero-inner{min-height:unset;padding-bottom:390px;display:block}.hero-copy{padding-top:30px}.hero-copy h1{margin-bottom:22px;font-size:clamp(60px,11.5vw,87px)}.hero-copy>p{font-size:16px}.hero-intro-chip{margin-bottom:22px;font-size:13px}.hero-work-link{margin-top:14px;font-size:13px}.hero-object{width:100%;height:395px;top:auto;bottom:5px;right:0}.label-top{font-size:10px;top:8px}.label-bottom{bottom:0}.label-bottom .eyebrow,.coordinate{font-size:10px}.kinetic-hero-bottom{flex-wrap:wrap;gap:20px;padding:23px 0}.kinetic-hero-bottom>div{width:100%}.kinetic-hero-bottom p{font-size:13px}.kinetic-hero-bottom .underlined{margin-left:auto;font-size:13px}.thinking-layout{padding-block:65px;display:block}.thinking-sticky{position:static}.thinking-sticky h2{font-size:55px}.thinking-sticky>p{max-width:100%;font-size:16px}.thinking-diagram{height:180px}.thinking-progress{display:none}.thinking-steps{margin-top:40px}.thinking-step{min-height:unset;opacity:1;padding:25px 0 55px}.thinking-step h3{font-size:75px}.thinking-step h4{font-size:24px}.thinking-step blockquote{font-size:18px}.selected-work{padding-block:70px}.project-visual{height:300px}.footer-contact>a{gap:8px}.footer-contact>a svg{flex-shrink:0;width:18px}}@media (prefers-reduced-motion:reduce){.thinking-step{opacity:1}.tilt{transform:none}}:root[data-motion=off] .thinking-step{opacity:1}:root[data-motion=off] .tilt{transform:none}.thinking-section,.skills-section{position:relative}.skill-workbench{border:1px solid var(--line);background:var(--panel);grid-template-columns:1fr 1fr;min-height:650px;display:grid}.skill-map{border-right:1px solid var(--line);background:radial-gradient(circle at center, color-mix(in srgb, var(--skill-color) 22%, transparent), transparent 62%);min-height:600px;position:relative;overflow:hidden}.map-corner{color:var(--muted);z-index:1;font-size:11px;line-height:1.8;position:absolute;top:28px;left:28px}.map-bottom{color:var(--muted);font-size:11px;position:absolute;bottom:28px;left:28px}.skill-orbit-stage{perspective:900px;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:8% 0}.orbit-ring{border:1px solid color-mix(in srgb, var(--muted) 45%, transparent);width:80%;height:80%;transform-style:preserve-3d;border-radius:50%;position:absolute}.ring-one{transform:rotateX(64deg)rotate(-25deg)}.ring-two{transform:rotateY(64deg)rotate(25deg)}.ring-three{opacity:.4;border-style:dashed;width:68%;height:68%;transform:rotateX(25deg)rotateY(30deg)}.skill-core{width:112px;height:112px;transform-style:preserve-3d;position:relative}.core-face{background:var(--skill-color);color:#23271e;backface-visibility:hidden;border:1px solid #20211f33;place-items:center;font-size:62px;font-weight:400;transition:background .5s;display:grid;position:absolute;inset:0;box-shadow:inset -15px -15px 40px #00000012}.face-front{transform:translateZ(56px)}.face-right{filter:brightness(.86);transform:rotateY(90deg)translateZ(56px)}.face-left{transform:rotateY(-90deg)translateZ(56px)}.face-back{transform:rotateY(180deg)translateZ(56px)}.face-top{filter:brightness(1.09);transform:rotateX(90deg)translateZ(56px)}.face-bottom{filter:brightness(.8);transform:rotateX(-90deg)translateZ(56px)}.orbit-label{background:var(--paper);border:1px solid var(--line);z-index:2;border-radius:50px;padding:10px 16px;font-size:12px;position:absolute;box-shadow:0 8px 18px #00000008}.orbit-label-0{top:30%;left:8%}.orbit-label-1{top:36%;right:5%}.orbit-label-2{bottom:25%;left:12%}.orbit-label-3{bottom:21%;right:5%}.skill-controls{background:var(--paper);min-width:0;padding:32px}.skill-tabs{border:1px solid var(--line);border-radius:50px;gap:5px;margin-bottom:38px;padding:5px;display:flex}.skill-tabs button{background:0 0;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 8px;font-size:14px;transition:background .25s;display:flex}.skill-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.skill-category{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.skill-panel h3{letter-spacing:-.045em;margin:24px 0 18px;font-size:36px;font-weight:500;line-height:1.13}.skill-panel>div>p{color:var(--muted);margin:0 0 23px;font-size:15px;line-height:1.8}.skill-chips{flex-wrap:wrap;gap:8px;display:flex}.skill-chips>span{border:1px solid var(--line);background:var(--panel);border-radius:3px;padding:7px 11px;font-size:12px}.skill-tools{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.skill-tools>.eyebrow{color:var(--muted);font-size:10px}.skill-tools p{margin:10px 0 0;font-size:13px;line-height:1.8}.skills-bottom{color:var(--muted);justify-content:space-between;gap:20px;margin-top:24px;font-size:13px;display:flex}.skills-bottom>a{color:var(--ink);align-items:center;gap:10px;display:flex}.skills-section{border-top:1px solid var(--line)}.about-photo .parallax-image{filter:grayscale();height:565px}.diary-image>.parallax-image{height:100%}.diary-image .parallax-image>img{height:calc(100% + 40px)}.lightbox-toolbar button{align-items:center;gap:8px;display:flex}.case-layout>div{min-width:0}.case-cover img{object-fit:contain}.kinetic-hero h1>span{animation:arrive .8s var(--ease) both}.kinetic-hero h1>span:nth-child(2){animation-delay:80ms}.kinetic-hero h1>span:nth-child(3){animation-delay:.16s}.hero-intro-chip{animation:arrive .7s var(--ease) both}.hero-object{animation:object-appear 1.1s .1s var(--ease) both}.section-heading h2 .serif{letter-spacing:-.025em}@keyframes object-appear{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@media (max-width:1100px){.skill-controls{padding:26px}.skill-map{min-height:670px}.skill-panel h3{font-size:30px}.skill-tabs button{gap:7px;font-size:13px}.orbit-label{padding:9px 12px;font-size:11px}.orbit-label-1{right:2%}.skill-core{width:95px;height:95px}.core-face{font-size:52px}.face-front{transform:translateZ(47.5px)}.face-right{transform:rotateY(90deg)translateZ(47.5px)}.face-left{transform:rotateY(-90deg)translateZ(47.5px)}.face-back{transform:rotateY(180deg)translateZ(47.5px)}.face-top{transform:rotateX(90deg)translateZ(47.5px)}.face-bottom{transform:rotateX(-90deg)translateZ(47.5px)}}@media (max-width:760px){.skill-workbench{grid-template-columns:1fr}.skill-map{border-right:0;border-bottom:1px solid var(--line);min-height:380px}.map-corner{font-size:10px;top:20px;left:20px}.map-bottom{font-size:10px;bottom:20px;left:20px}.skill-orbit-stage{inset:10% 0}.orbit-label{padding:8px 12px;font-size:11px}.skill-controls{padding:24px 20px}.skill-tabs{margin-bottom:28px}.skill-tabs button{padding:12px 5px;font-size:13px}.skill-panel h3{font-size:32px}.skill-panel>div>p{font-size:15px}.skill-chips>span{font-size:12px}.skills-bottom{align-items:start;font-size:12px;line-height:1.6}.skills-bottom>span{max-width:150px}.skills-bottom>a{text-align:right;max-width:140px}.about-photo .parallax-image{height:420px}.thinking-step>p,.thinking-sticky>p{max-width:100%}.case-hero h1{overflow-wrap:break-word}.page-intro{overflow:hidden}.lightbox-toolbar button{font-size:12px}}
:root{--paper:#fcfdff;--ink:#20242d;--muted:#686e7a;--line:#e4e7ed;--accent:#315fe9;--panel:#f2f5fa;--white:#fff;--blue-wash:#edf3ff;--blue-soft:#dfeaff;--blue-gradient:linear-gradient(112deg, #163bb7 5%, #3f70f4 56%, #74a4ff 100%);scroll-padding-top:120px}body{font-weight:400}.wrap{width:min(1200px,100% - 112px)}.blue-text{background:var(--blue-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.serif{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--accent)}::selection{color:#fff;background:#315fe9}.section{padding-block:110px}.section-label:before{display:none}.section-label{color:var(--muted);letter-spacing:.08em}.eyebrow{font-size:12px}.section-heading{align-items:flex-end;gap:48px;margin-bottom:48px}.section-heading h2,.about-copy h2{letter-spacing:-.052em;font-size:clamp(36px,4.1vw,58px);font-weight:500;line-height:1.14}.section-heading h2 .serif{letter-spacing:inherit}.section-heading>p{max-width:300px;color:var(--muted);font-size:16px;line-height:1.8}.pill,.blue-button{gap:22px;min-height:46px;font-size:14px}.pill:hover{color:var(--paper)}.blue-button{background:var(--accent);color:#fff;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:100px;justify-content:center;align-items:center;padding:13px 23px;display:inline-flex;box-shadow:0 4px 12px #315fe916}.blue-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #315fe927}.quiet-link{align-items:center;gap:12px;font-size:14px;display:inline-flex}.quiet-link svg{transition:transform .25s var(--ease)}.quiet-link:hover svg{transform:translate(2px,-2px)}.site-header.premium-header{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:fit-content;max-width:calc(100% - 32px);margin:22px auto 0;position:sticky;top:22px}.nav-capsule{border:1px solid color-mix(in srgb, var(--line) 85%, transparent);background:color-mix(in srgb, var(--white) 92%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:100px;padding:7px;box-shadow:0 8px 28px #182e5510,0 1px 2px #182e550a}.capsule-links{align-items:center;gap:3px;display:flex}.capsule-links a{min-height:44px;color:var(--muted);letter-spacing:-.015em;transition:background .2s, color .2s, transform .25s var(--ease);border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:10px 23px;font-size:15px;display:inline-flex}.capsule-links a:hover{color:var(--ink);background:var(--panel)}.capsule-links a.nav-current{color:var(--paper);background:var(--ink)}.capsule-links a.nav-resume{background:var(--blue-soft);color:#19378e;margin-left:7px;padding-inline:25px}.capsule-links a.nav-resume:hover{background:#c9dbff}.capsule-links a.nav-contact{padding-inline:22px}.nav-divider{background:var(--line);width:1px;height:24px;margin-inline:7px}.capsule-menu,.mobile-wordmark{display:none}.premium-header .scroll-progress{background:var(--accent);opacity:.5;width:100vw;height:2px;position:fixed;top:-22px;left:calc(-50vw + 50%)}.designer-hero{padding-top:63px}.hero-identity{justify-content:flex-end;align-items:center;gap:24px;display:flex}.identity-name{letter-spacing:-.035em;margin:0;font-size:17px;font-weight:550;line-height:1.5}.identity-name span{color:var(--muted);letter-spacing:-.008em;margin-top:3px;font-size:12px;font-weight:400;display:block}.hero-location-note{color:var(--muted);font-size:13px}.designer-hero-grid{grid-template-columns:minmax(0,1fr) 295px;align-items:center;gap:85px;padding-block:66px 73px;display:grid}.designer-intro h1{letter-spacing:-.065em;margin:0 0 32px;font-size:clamp(55px,5.4vw,80px);font-weight:500;line-height:1.08}.designer-intro h1>span{padding-bottom:.08em;display:block}.hero-lead{letter-spacing:-.025em;max-width:680px;margin:0 0 17px;font-size:19px;line-height:1.75}.hero-support{color:var(--muted);letter-spacing:-.013em;max-width:650px;margin:0;font-size:17px;line-height:1.85}.hero-cta-row{align-items:center;gap:27px;margin-top:32px;display:flex}.designer-portrait{isolation:isolate;margin:0 9px 32px 0;position:relative}.portrait-mat{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:10px;position:relative;transform:rotate(3deg);box-shadow:0 14px 34px #18356909}.portrait-mat img{object-fit:cover;object-position:center 24%;filter:grayscale();border-radius:8px;width:100%;height:348px}.portrait-corner{background:var(--blue-gradient);color:#fff;letter-spacing:-.1em;border:4px solid var(--paper);border-radius:50%;place-items:center;width:53px;height:53px;font-size:29px;font-weight:550;display:grid;position:absolute;bottom:-12px;right:-13px;transform:rotate(-10deg)}.designer-portrait figcaption{text-align:center;padding-top:30px;font-size:14px;font-weight:500;line-height:1.8;transform:rotate(-3deg)}.designer-portrait figcaption span{color:var(--muted);font-weight:400}.portrait-orbit{z-index:-1;background:radial-gradient(circle,#4072ef17,#4072ef00 70%);border-radius:50%;width:310px;height:310px;position:absolute;top:42px;left:-25px;transform:scale(1.25)}.hero-footnote{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:12px;display:flex}.hero-footnote a{border:1px solid var(--line);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;transition:transform .3s;display:grid}.hero-footnote a:hover{transform:translateY(3px)}@keyframes premium-arrive{0%{opacity:0;filter:blur(3px);transform:translateY(15px)}to{opacity:1;filter:blur();transform:translateY(0)}}.product-thinking{padding-bottom:65px}.statement-scroll{height:155vh;min-height:970px;position:relative}.statement-sticky{justify-content:center;align-items:center;min-height:65vh;display:flex;position:sticky;top:16vh}.statement-content{text-align:center;width:100%;padding:70px 0}.statement-prelude{color:var(--muted);margin-bottom:34px;font-size:14px;display:block}.statement-content h2{letter-spacing:-.055em;text-wrap:balance;max-width:1040px;margin:0 auto;font-size:clamp(44px,6vw,80px);font-weight:500;line-height:1.18}.statement-content h2>span{white-space:pre;display:inline-block}.statement-line{background:linear-gradient(90deg,#315fe900,#315fe9,#315fe900);width:68px;height:2px;margin:42px auto 0;display:block}.belief-layout{grid-template-columns:330px minmax(0,1fr);align-items:center;gap:120px;padding:12px 0 80px;display:grid}.belief-copy p:first-child{letter-spacing:-.035em;margin:0 0 23px;font-size:clamp(25px,2.6vw,34px);font-weight:450;line-height:1.5}.belief-copy p:last-child{color:var(--muted);margin:0;font-size:17px;line-height:1.9}.intersection-diagram{width:330px;height:280px;position:relative}.intersection-diagram>span{text-align:center;width:174px;height:174px;color:var(--accent);background:linear-gradient(140deg,#315fe905,#315fe90b);border:1px solid #315fe941;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.intersection-diagram>span:first-child{padding-right:35px;top:0;left:0}.intersection-diagram>span:nth-child(2){padding-left:35px;top:0;right:0}.intersection-diagram>span:nth-child(3){padding-top:38px;top:106px;left:78px}.intersection-diagram>i{background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:119px;left:159px;box-shadow:0 0 24px #315fe977}.skill-workbench{border-radius:16px;overflow:hidden}.skill-map{background-color:var(--panel)}.skill-chips>span{background:var(--panel)}.builder-stack{background:radial-gradient(ellipse 60% 60% at 50% 55%, var(--blue-wash), transparent);border-block:1px solid var(--line);padding:110px 0 80px}.builder-heading{text-align:center}.builder-kicker{color:var(--muted);margin:0 0 24px;font-size:14px}.builder-heading h2{letter-spacing:-.055em;margin:0 0 25px;font-size:clamp(42px,5vw,67px);font-weight:500;line-height:1.1}.builder-heading>p:last-child{color:var(--muted);margin:0;font-size:17px;line-height:1.8}.builder-logos{justify-content:center;gap:22px;max-width:1040px;margin:75px auto 44px;display:flex}.builder-logo{text-align:center;transform:translateY(var(--logo-offset));flex-direction:column;flex:1;align-items:center;display:flex}.logo-space{place-items:center;width:76px;height:76px;display:grid;position:relative}.logo-space:before{content:"";filter:blur(17px);opacity:0;background:#315fe91c;border-radius:50%;transition:opacity .3s;position:absolute;inset:6px}.logo-space img{object-fit:contain;width:48px;height:48px;transition:transform .45s var(--ease), filter .45s;position:relative}.builder-logo:hover img,.builder-logo:focus-visible img{transform:translateY(-7px)rotate(-4deg)scale(1.07)}.builder-logo:hover .logo-space:before,.builder-logo:focus-visible .logo-space:before{opacity:1}.logo-name{margin-top:10px;font-size:14px}.logo-role{color:var(--muted);opacity:0;transition:transform .3s var(--ease), opacity .3s;margin-top:6px;font-size:12px;transform:translateY(5px)}.builder-logo:hover .logo-role,.builder-logo:focus-visible .logo-role{opacity:1;transform:translateY(0)}.builder-footnote{color:var(--muted);justify-content:center;gap:50px;padding-top:25px;font-size:12px;display:flex}.about-section{background:var(--paper)}.about-grid{grid-template-columns:.86fr 1.14fr;align-items:center;gap:100px}.about-photo{max-width:390px}.about-photo>.parallax-image{border-radius:14px;overflow:hidden}.about-photo img{border-radius:14px}.photo-note{background:var(--blue-wash);color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:12px;font-size:13px;transform:rotate(-4deg)}.photo-note .serif{color:var(--muted)}.about-copy h2{margin-bottom:27px}.about-copy>p{font-size:17px;line-height:1.85}.experience-mark{background:var(--blue-wash);color:var(--accent);border-radius:12px}.about-links .pill{background:var(--accent);color:#fff}.diary-image{border-radius:12px}.diary-index{display:none}.diary-info h3{font-size:20px;font-weight:500;line-height:1.4}.more-diary summary{font-size:16px}.writing-row{padding-block:28px}.writing-row h3{font-size:24px;font-weight:450;line-height:1.35}.site-footer{background:var(--blue-wash);color:var(--ink);padding-top:82px}.footer-title{letter-spacing:-.055em;margin-block:45px 35px;font-size:clamp(48px,6.5vw,86px);font-weight:500;line-height:1.1}.footer-label{color:var(--muted);font-size:12px}.footer-contact{font-size:22px}.footer-bottom{border-top-color:var(--line);color:var(--muted)}.footer-controls{gap:17px}.footer-controls button{align-items:center;gap:5px;font-size:12px;display:inline-flex}.footer-social{gap:18px}.copy-email{border-color:var(--line)}.case-hero,.page-intro{padding-top:75px}.case-hero h1,.page-intro h1{letter-spacing:-.06em;font-size:clamp(52px,6.5vw,90px);font-weight:500}.case-hero h1 em{color:var(--accent);font-family:inherit;font-style:normal}.case-cover,.case-cover img{border-radius:14px}.case-section{scroll-margin-top:140px}.case-section .section-label{color:var(--accent)}.case-section blockquote{background:var(--blue-wash);border-color:var(--accent)}.case-next{background:var(--blue-wash)}.case-next h2{font-family:inherit}.gallery-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.gallery-card img,.note-card img{border-radius:10px}.story-portrait img{border-radius:14px}.story-prose blockquote{color:var(--accent)}@media (max-width:1100px){.wrap{width:calc(100% - 72px)}.designer-hero-grid{grid-template-columns:minmax(0,1fr) 250px;gap:45px}.designer-intro h1{font-size:62px}.portrait-mat img{height:306px}.portrait-orbit{width:260px;height:260px}.hero-lead{font-size:18px}.hero-support{font-size:16px}.belief-layout{grid-template-columns:280px minmax(0,1fr);gap:65px}.intersection-diagram{transform-origin:0;transform:scale(.85)}.section-heading{gap:30px}.section-heading>p{max-width:255px}.practice-columns>div{padding-right:24px}.practice-columns>div+div{padding-left:24px}.practice-chapter>p{min-height:175px}.builder-logos{gap:10px}.about-grid{gap:60px}.footer-bottom{flex-wrap:wrap;gap:25px}}@media (max-width:800px){.capsule-links a{padding-inline:16px;font-size:14px}.capsule-links a.nav-resume{padding-inline:18px}.capsule-links a.nav-contact{padding-inline:16px}.nav-divider{margin-inline:3px}.designer-hero{padding-top:48px}.designer-hero-grid{grid-template-columns:minmax(0,1fr) 200px;gap:30px;padding-top:45px}.designer-intro h1{font-size:48px}.portrait-mat img{height:260px}.portrait-orbit{width:200px;height:200px}.current-role{font-size:12px}.hero-lead,.hero-support{font-size:16px}.hero-location-note{font-size:12px}.hero-cta-row{flex-wrap:wrap;gap:16px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading>p{max-width:500px}.belief-layout{grid-template-columns:235px minmax(0,1fr);gap:35px}.intersection-diagram{transform:scale(.72)}.belief-copy p:first-child{font-size:24px}.practice-columns{gap:26px}.practice-columns>div,.practice-columns>div+div{border:0;padding:0}.practice-chapter h3{font-size:24px}.practice-chapter>p{min-height:218px;font-size:15px}.builder-logos{flex-wrap:wrap;gap:30px 10px;max-width:600px}.builder-logo{flex:0 0 22%}.logo-role{opacity:1;font-size:11px;transform:none}.about-grid{gap:45px}}@media (max-width:600px){.wrap{width:calc(100% - 40px)}.section{padding-block:74px}.site-header.premium-header{width:calc(100% - 32px);margin-top:14px;top:14px}.nav-capsule{justify-content:space-between;align-items:center;padding:7px 8px 7px 19px;display:flex}.mobile-wordmark{letter-spacing:-.07em;font-size:21px;font-weight:550;display:block}.mobile-wordmark span{color:var(--accent)}.capsule-menu{border-color:var(--line);display:grid}.capsule-links{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:13px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 16px 30px #16335f16}.capsule-links.open{flex-wrap:wrap;gap:8px;display:flex}.capsule-links a{flex:1 0 40%;min-height:45px}.capsule-links .nav-divider{flex:0 0 100%;height:1px;margin:3px 0}.capsule-links a.nav-resume{margin:0}.premium-header .scroll-progress{top:-14px}.designer-hero{padding-top:38px}.hero-identity{display:block}.identity-name{font-size:17px}.identity-name span{letter-spacing:-.02em;font-size:11px;line-height:1.7}.hero-location-note{display:none}.designer-hero-grid{flex-direction:column;align-items:stretch;gap:38px;padding:38px 0 43px;display:flex}.designer-intro h1{letter-spacing:-.065em;margin-bottom:24px;font-size:clamp(40px,10.8vw,63px)}.current-role{margin-bottom:21px;font-size:12px}.hero-lead,.hero-support{font-size:16px;line-height:1.8}.hero-cta-row{gap:23px;margin-top:26px}.blue-button{gap:15px;padding-inline:18px;font-size:13px}.hero-cta-row .quiet-link{gap:7px;font-size:13px}.designer-portrait{align-self:center;width:220px;margin:8px 0 0}.portrait-mat img{height:255px}.designer-portrait figcaption{padding-top:22px;font-size:13px}.portrait-orbit{width:240px;height:240px}.portrait-corner{width:45px;height:45px;font-size:25px}.hero-footnote{padding-block:18px;font-size:11px}.hero-footnote>span:last-child{display:none}.statement-scroll{height:135vh;min-height:820px}.statement-sticky{min-height:60vh;top:17vh}.statement-content{padding-block:38px}.statement-content h2{letter-spacing:-.05em;font-size:clamp(35px,9.8vw,56px);line-height:1.25}.statement-content h2>span{white-space:normal;margin-right:.22em}.statement-prelude{margin-bottom:26px;font-size:12px}.statement-line{margin-top:28px}.belief-layout{flex-direction:column;gap:40px;padding:0 0 20px;display:flex}.belief-diagram{width:264px;height:224px}.intersection-diagram{transform-origin:0 0;transform:scale(.8)}.belief-copy p:first-child{font-size:25px;line-height:1.5}.belief-copy p:last-child{font-size:16px}.product-thinking{padding-bottom:52px}.section-heading h2,.about-copy h2{letter-spacing:-.05em;font-size:36px}.section-heading{gap:20px;margin-bottom:35px}.section-heading>p{margin:0;font-size:16px}.practice-columns{grid-template-columns:1fr;gap:35px;margin-top:40px}.practice-chapter h3{max-width:100%;margin:17px 0 16px;font-size:27px}.practice-chapter>p{min-height:0;margin-bottom:17px;font-size:16px}.practice-note{font-size:13px}.practice-resume{margin-top:28px}.builder-stack{padding:76px 0 60px}.builder-heading h2{font-size:43px}.builder-heading>p:last-child{font-size:16px}.builder-kicker{font-size:12px}.builder-logos{gap:28px 5px;margin:42px 0 25px}.builder-logo{flex-basis:30%;transform:none}.logo-space{width:65px;height:65px}.logo-space img{width:39px;height:39px}.logo-name{font-size:13px}.logo-role{display:none}.builder-footnote{flex-wrap:wrap;gap:10px;font-size:11px}.builder-footnote span+span:before{content:"·";margin-right:10px}.about-grid{grid-template-columns:1fr;gap:45px}.about-photo{width:85%;margin:auto}.about-photo .parallax-image{height:380px}.about-copy>p{font-size:16px}.about-links{flex-wrap:wrap;gap:17px}.about-links .underlined{font-size:13px}.diary-grid{grid-template-columns:1fr}.diary-info h3{font-size:22px}.more-diary summary{font-size:14px}.diary-count{display:none}.writing-row h3{font-size:20px}.site-footer{padding-top:60px}.footer-title{margin-block:35px 28px;font-size:44px}.footer-contact{font-size:19px}.footer-bottom{gap:22px}.footer-social{flex-wrap:wrap;gap:13px;font-size:12px}.footer-controls{flex-wrap:wrap;justify-content:flex-start}.case-hero,.page-intro{padding-top:45px}.case-hero h1,.page-intro h1{font-size:48px}.case-meta{gap:25px}}[data-motion=off] .statement-scroll{height:auto;min-height:0}[data-motion=off] .statement-sticky{min-height:0;padding-block:60px;position:static}[data-motion=off] .builder-logo{transform:none}@media (prefers-reduced-motion:reduce){.statement-scroll{height:auto;min-height:0}.statement-sticky{min-height:0;padding-block:60px;position:static}}.site-header.playground-header{margin-top:0;position:fixed;left:50%;transform:translate(-50%)}.playground-footer{display:none}.playground-canvas{background:var(--paper);touch-action:none;cursor:grab;outline-offset:-3px;position:fixed;inset:0;overflow:hidden}.playground-board{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.playground-board,.playground-dot-grid{background-image:radial-gradient(circle, color-mix(in srgb, var(--muted) 20%, transparent) 1.2px, transparent 1.5px);background-size:26px 26px}.playground-canvas.is-dragging,.canvas-artwork.is-dragging{cursor:grabbing}.canvas-artwork{cursor:grab;-webkit-user-select:none;user-select:none;margin:0;position:absolute}.canvas-artwork img{object-fit:cover;pointer-events:none;border-radius:12px;width:100%;display:block;box-shadow:0 18px 40px -24px #0e0e1073}.canvas-artwork figcaption{color:var(--muted);text-align:center;pointer-events:none;margin-top:10px;font-size:12px;line-height:1.2}.canvas-intro{text-align:center;pointer-events:none;width:420px;position:absolute;top:1370px;left:1220px}.canvas-intro h1{letter-spacing:-.035em;margin:0 0 12px;font-family:Instrument Serif,Georgia,serif;font-size:32px;font-weight:400;line-height:1}.canvas-intro p{color:var(--muted);margin:0;font-size:15px;line-height:1.35}.canvas-intro>span{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-top:29px;font-size:12px;display:flex}.canvas-toolbar{bottom:max(22px, env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--white) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:default;border-radius:100px;align-items:center;gap:3px;padding:6px;display:flex;position:absolute;right:24px;box-shadow:0 8px 25px #16335f16}.canvas-toolbar button{min-width:40px;height:40px;color:var(--muted);border-radius:100px;justify-content:center;align-items:center;gap:8px;display:flex}.canvas-toolbar button:first-child{padding-inline:14px;font-size:13px}.canvas-toolbar button:hover{color:var(--accent);background:var(--blue-wash)}.canvas-toolbar output{text-align:center;width:40px;color:var(--muted);font-size:11px}.canvas-toolbar>i{background:var(--line);width:1px;height:20px;margin-inline:4px}.playground-grid-view{padding-top:145px}.playground-grid-intro{padding-bottom:50px}.playground-grid-intro h1{letter-spacing:-.055em;font-size:clamp(48px,7vw,80px);font-weight:500}.playground-grid-intro p{color:var(--muted);margin:20px 0 28px;font-size:17px}.playground-grid-intro .quiet-link{color:var(--accent)}@media (max-width:900px){.site-header.premium-header{width:calc(100% - 32px);margin-top:14px;top:14px}.site-header.playground-header{margin-top:0}.nav-capsule{justify-content:space-between;align-items:center;padding:7px 8px 7px 19px;display:flex}.mobile-wordmark{letter-spacing:-.07em;font-size:21px;font-weight:550;display:block}.mobile-wordmark span{color:var(--accent)}.capsule-menu{border-color:var(--line);display:grid}.capsule-links{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:13px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 16px 30px #16335f16}.capsule-links.open{flex-wrap:wrap;gap:8px;display:flex}.capsule-links a{flex:1 0 30%;min-height:45px}.capsule-links .nav-divider{flex:0 0 100%;height:1px;margin:3px 0}.capsule-links a.nav-resume{margin:0}.premium-header .scroll-progress{top:-14px}}@media (max-width:600px){.capsule-links a{flex-basis:40%}.canvas-toolbar{bottom:max(18px, env(safe-area-inset-bottom));gap:0;right:50%;transform:translate(50%)}.canvas-toolbar button:first-child{padding-inline:10px}.canvas-toolbar button:first-child span{display:none}.canvas-toolbar button{min-width:38px}.canvas-intro h1{font-size:43px}.canvas-intro p{font-size:21px}.canvas-intro>span{font-size:17px}}.playground-header .scroll-progress{display:none}
.serif{color:var(--ink);letter-spacing:-.025em;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.section-heading h2 .serif{font-size:1.12em;line-height:1}.product-thinking.pinned-thought{height:245svh;min-height:1450px;padding:0}.thought-stage{align-items:center;height:calc(100svh - 135px);min-height:450px;display:grid;position:sticky;top:100px}.thought-layer{grid-area:1/1;width:100%}.pinned-thought .statement-content{padding:25px 0}.pinned-thought .belief-layout{grid-template-columns:330px minmax(0,1fr);gap:100px;margin:0;padding:0}.pinned-thought .belief-copy .statement-prelude{color:var(--accent);margin-bottom:24px;font-size:13px}.pinned-thought .belief-copy p:first-of-type{letter-spacing:-.035em;margin:0 0 23px;font-size:clamp(25px,2.6vw,34px);font-weight:450;line-height:1.5}.hero-photo-deck{margin:0}.photo-deck-stage{isolation:isolate;background:0 0;border:0;border-radius:14px;width:100%;height:425px;padding:0;display:block;position:relative}.deck-print{border:1px solid var(--line);background:var(--white);pointer-events:none;border-radius:13px;width:100%;padding:10px 10px 18px;position:absolute;inset:0 0 auto;box-shadow:0 14px 35px #182e5510}.deck-print img{object-fit:contain;background:#f3f5f9;border-radius:7px;width:100%;height:342px;display:block}.deck-portrait img{object-fit:cover;object-position:center 24%}.deck-caption{text-align:center;color:var(--muted);padding:16px 3px 0;font-family:Instrument Serif,Georgia,serif;font-size:20px;font-style:italic;line-height:1.2;display:block}.hero-photo-deck figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:24px 0 0;font-size:11px;display:flex}.photo-shuffle-hint{align-items:center;gap:7px;display:inline-flex}.hero-photo-deck .photo-position{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.hero-socials{align-items:center;gap:23px;margin-top:29px;display:flex}.hero-socials a,.hero-socials .social-pending{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.hero-socials img{object-fit:contain;width:23px;height:23px;transition:transform .25s var(--ease)}.hero-socials a:hover{color:var(--accent)}.hero-socials a:hover img{transform:translateY(-3px)}.reference-header .nav-capsule{background:color-mix(in srgb, var(--panel) 90%, transparent);border-color:#d4d8e1;padding:7px;box-shadow:0 3px 12px #182e5505}.reference-header .capsule-links{gap:2px}.reference-header .capsule-links a{color:var(--ink);white-space:nowrap;flex-shrink:0;padding:9px 16px;font-size:14px}.reference-header .capsule-links a.nav-current{color:var(--accent);background:var(--white)}.reference-header .capsule-links .nav-avatar{background:0 0;margin-inline:9px;padding:0 12px}.nav-avatar img{object-fit:contain;width:43px;height:43px;transition:transform .3s var(--ease)}.nav-avatar:hover img{transform:rotate(-7deg)translateY(-2px)}.reference-header .capsule-links a.nav-resume{color:#fff;background:linear-gradient(#4d4d4d 0%,#151515 54%,#050505 60%);border:1px solid #303030;gap:14px;min-height:44px;margin:0 0 0 10px;padding:5px 7px 5px 22px;font-size:15px}.nav-resume>span{color:#20242d;background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.reference-header .mobile-wordmark img{vertical-align:middle;margin-right:8px;display:inline-block}.site-header.playground-header{width:max-content;margin-inline:auto;left:0;right:0;transform:none}.journal-intro{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-bottom:38px;padding:18px 0;font-size:12px;display:flex}.journal-intro>span:first-child{color:var(--ink);font-weight:500}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 26px;display:grid}.event-card{min-width:0}.event-photos{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.event-photos .image-button{border:1px solid var(--line);background:#f0f3f8;border-radius:5px;padding:0;overflow:hidden}.event-photos .event-cover{aspect-ratio:4/3;flex:0 0 100%;margin-bottom:4px;position:relative}.event-cover img{object-fit:contain;width:100%;height:100%}.event-expand{width:30px;height:30px;color:var(--ink);background:#fffffff0;border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute;bottom:10px;right:10px}.event-cover:hover .event-expand{color:#fff;background:var(--accent)}.event-photos .event-thumbnail{flex-shrink:0;width:38px;height:38px}.event-thumbnail img{object-fit:contain;width:100%;height:100%}.event-thumbnail:hover{outline:1px solid var(--accent);outline-offset:2px}.event-photo-count{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:inline-flex}.event-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);gap:10px;margin-top:20px;font-size:10px;display:flex}.event-meta>span:first-child{color:var(--accent);font-variant-numeric:tabular-nums}.event-card h3{letter-spacing:-.03em;margin:8px 0 0;font-size:20px;font-weight:500;line-height:1.35}.event-card h3 a{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.event-card h3 svg{flex-shrink:0;margin-top:3px}.event-card h3 a:hover{color:var(--accent)}.journal-ending{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:50px;padding-top:26px;display:flex}.journal-ending .serif{font-size:30px}.reading-section{background:#f3f6fc}.reading-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:75px;display:grid}.reading-preview{min-width:0}.reading-preview-image{background:#e8eef8;border-radius:8px;place-items:center;height:345px;padding:20px;display:grid;overflow:hidden}.reading-preview-image img{object-fit:contain;width:100%;height:100%;min-height:0}.reading-preview-copy{padding:23px 0 0}.reading-preview-copy .eyebrow{color:var(--accent);font-size:10px}.reading-preview-copy p{letter-spacing:-.025em;max-width:370px;margin:14px 0 20px;font-size:20px;line-height:1.45}.reading-preview-copy .underlined{align-items:center;gap:8px;font-size:12px;display:inline-flex}.reading-index{min-width:0}.reading-index-label{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:0 0 18px;font-size:11px;display:flex}.reading-index-label>span:last-child{white-space:nowrap}.reading-list{scrollbar-width:thin;scrollbar-color:#bac9e4 transparent;max-height:512px;padding-right:13px;position:relative;overflow-y:auto}.reading-row{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:17px;width:100%;padding:24px 12px 24px 0;transition:color .2s,background .2s;display:flex}.reading-row.is-selected{color:var(--accent)}.reading-row:hover{background:#eaf0fb}.reading-row:focus-visible{outline-offset:-3px}.reading-number{color:var(--muted);font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:4px;font-size:11px}.reading-row-copy{flex:1}.reading-row-copy>span:first-child{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:9px;font-size:9px;display:block}.reading-title{letter-spacing:-.025em;font-size:20px;font-weight:500;line-height:1.35;display:block}.reading-row>svg{flex-shrink:0}.reading-hint{color:var(--muted);align-items:center;gap:8px;margin-top:19px;font-size:11px;display:flex}.site-footer{color:#fff;background:#2453df}.site-footer .footer-title,.site-footer .blue-text{color:#fff;background:0 0}.site-footer .footer-label,.site-footer .footer-bottom{color:#ffffffd9}.site-footer .footer-bottom{border-color:#ffffff40}.site-footer .copy-email{border-color:#ffffff70}.site-footer .copy-email:hover{background:#ffffff20}.site-footer a:hover{color:#fff;text-underline-offset:5px;text-decoration:underline}.site-footer a:focus-visible,.site-footer button:focus-visible{outline-color:#fff}.builder-logos{gap:14px;max-width:1150px}.builder-logo{min-width:0}.logo-role{min-height:30px}@media (max-width:1100px){.reference-header .capsule-links a{padding-inline:11px;font-size:13px}.reference-header .capsule-links .nav-avatar{margin-inline:2px;padding-inline:6px}.pinned-thought .belief-layout{grid-template-columns:280px 1fr;gap:55px}.photo-deck-stage{height:385px}.deck-print img{height:300px}.reading-layout{gap:40px}.event-photos .event-thumbnail{width:32px;height:34px}.event-photo-count{gap:3px;font-size:9px}}@media (max-width:900px){.site-header.playground-header{width:calc(100% - 32px)}.reference-header .nav-capsule{padding:5px 8px 5px 13px}.reference-header .capsule-links a{padding:11px;font-size:14px}.reference-header .capsule-links .nav-avatar{display:none}.reference-header .capsule-links a.nav-resume{flex:1 0 55%;margin:0}.builder-logos{flex-wrap:wrap;gap:28px 14px;max-width:680px}.builder-logo{flex:0 0 29%}.logo-role{opacity:1;transform:none}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-photos .event-thumbnail{width:38px;height:38px}.event-photo-count{font-size:10px}}@media (max-width:800px){.photo-deck-stage{height:327px}.deck-print img{height:245px}.deck-caption{font-size:17px}.pinned-thought .belief-layout{grid-template-columns:230px 1fr;gap:25px}.pinned-thought .belief-copy p:first-of-type{font-size:25px}.reading-layout{grid-template-columns:1fr;gap:30px}.reading-preview{grid-template-columns:160px 1fr;align-items:center;gap:24px;display:grid}.reading-preview-image{height:220px;padding:12px}.reading-preview-copy{padding:0}.reading-preview-copy p{font-size:19px}.reading-list{max-height:470px}}@media (max-width:600px){.product-thinking.pinned-thought{height:240svh;min-height:1450px}.thought-stage{height:calc(100svh - 115px);min-height:440px;top:89px}.pinned-thought .statement-content h2{font-size:clamp(34px,9.7vw,52px);line-height:1.25}.pinned-thought .belief-layout{gap:18px;display:flex}.pinned-thought .belief-diagram{width:191px;height:162px}.pinned-thought .intersection-diagram{transform:scale(.58)}.pinned-thought .belief-copy .statement-prelude{margin-bottom:14px;font-size:11px}.pinned-thought .belief-copy p:first-of-type{margin-bottom:15px;font-size:22px;line-height:1.4}.pinned-thought .belief-copy p:last-child{font-size:14px;line-height:1.65}.hero-photo-deck{width:240px}.photo-deck-stage{height:360px}.deck-print img{height:280px}.deck-caption{font-size:18px}.hero-photo-deck figcaption{padding-top:21px}.hero-socials{gap:22px;margin-top:25px}.hero-socials a,.hero-socials .social-pending{font-size:11px}.hero-socials img{width:20px;height:20px}.journal-intro{flex-direction:column;gap:8px;margin-bottom:30px}.event-grid{grid-template-columns:1fr;gap:36px}.event-photos .event-thumbnail{width:40px;height:40px}.event-meta{margin-top:16px}.event-card h3{font-size:21px}.journal-ending{flex-direction:column;align-items:flex-start;margin-top:40px}.journal-ending .serif{font-size:28px}.reading-preview{grid-template-columns:112px 1fr;gap:18px}.reading-preview-image{height:170px;padding:8px}.reading-preview-copy p{margin-block:10px 14px;font-size:16px}.reading-preview-copy .eyebrow{font-size:8px}.reading-preview-copy .underlined,.reading-index-label{font-size:10px}.reading-title{font-size:18px}.reading-row{gap:12px;padding-block:21px}.reading-hint{font-size:10px;line-height:1.5}.builder-logo{flex-basis:29%}.logo-name{font-size:12px}}@media (max-height:680px) and (max-width:600px),(prefers-reduced-motion:reduce){.product-thinking.pinned-thought{height:auto;min-height:0;padding-block:50px 75px}.thought-stage{height:auto;min-height:0;display:block;position:static}.thought-layer{opacity:1!important;transform:none!important}.pinned-thought .belief-layout{margin-top:70px}.statement-content h2>span{opacity:1!important;transform:none!important}}[data-motion=off] .product-thinking.pinned-thought{height:auto;min-height:0;padding-block:60px 75px}[data-motion=off] .thought-stage{height:auto;min-height:0;display:block;position:static}[data-motion=off] .thought-layer{opacity:1!important;transform:none!important}[data-motion=off] .pinned-thought .belief-layout{margin-top:80px}.designer-hero{overflow-x:clip}
:root{scroll-padding-top:28px;scroll-padding-bottom:116px}.section{padding-block:68px}.section-heading{margin-bottom:34px}.builder-stack{padding-block:72px 58px}.builder-logos{margin-block:48px 30px}.play-note{margin-top:28px}.site-footer{padding-top:62px;padding-bottom:122px}.site-header.bottom-dock,.site-header.bottom-dock.playground-header{top:auto;bottom:max(18px, env(safe-area-inset-bottom));z-index:60;width:max-content;max-width:calc(100% - 32px);margin:0 auto;position:fixed;left:0;right:0;transform:none}.bottom-dock .nav-capsule{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f3f5f9ed;box-shadow:0 10px 45px #18356620,inset 0 1px #fff}.bottom-dock .scroll-progress{display:none}.bottom-dock .capsule-links a{transform-origin:bottom}@media (hover:hover) and (min-width:901px){.bottom-dock .capsule-links a:hover{color:var(--accent)}.bottom-dock .capsule-links a.nav-resume:hover{background:#121212}}.bottom-dock .capsule-links a:not(.nav-resume):is(:hover,.nav-current){color:var(--accent);background:0 0;transform:none}.canvas-toolbar{bottom:102px}.playground-grid-intro{padding-top:58px}.playground-grid-view{padding-bottom:120px}.designer-hero{isolation:isolate;padding-top:44px;position:relative;overflow-x:clip}.hero-grid-background{z-index:-1;object-fit:cover;opacity:.68;pointer-events:none;width:max(100%,800px);max-width:none;height:100%;position:absolute;inset:0 auto auto 50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.designer-hero-grid{padding-block:52px 46px}.hero-outro{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:22px 0;display:flex}.hero-outro-note{color:var(--muted);font-size:12px}.hero-outro .hero-socials{gap:30px;margin:0}.hero-outro .hero-socials img{width:28px;height:28px}.hero-outro .hero-socials a,.hero-outro .social-pending{gap:9px;font-size:13px}.hero-scroll-link{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.photo-deck-stage{margin-bottom:0}.product-thinking.pinned-thought{height:190svh;min-height:1120px}.thought-stage{height:calc(100svh - 122px);min-height:440px;top:24px}.pinned-thought .statement-content h2{font-size:clamp(45px,5.7vw,78px)}@media (max-width:1100px){.hero-outro,.hero-outro .hero-socials{gap:20px}}@media (max-width:900px){.site-header.bottom-dock,.site-header.bottom-dock.playground-header{width:min(480px,100% - 32px);bottom:max(14px, env(safe-area-inset-bottom))}.bottom-dock .capsule-links{top:auto;bottom:calc(100% + 12px);box-shadow:0 -8px 35px #182e5515}.canvas-toolbar{bottom:86px}.hero-outro-note{display:none}.hero-outro{justify-content:center;gap:30px}}@media (max-width:600px){:root{scroll-padding-top:20px;scroll-padding-bottom:95px}.section{padding-block:48px}.section-heading{margin-bottom:28px}.designer-hero{padding-top:30px}.designer-hero-grid{gap:32px;padding-block:34px 30px}.hero-grid-background{object-fit:cover;opacity:.5;width:800px}.hero-outro{gap:17px;padding-block:18px}.hero-outro .hero-socials{gap:17px}.hero-outro .hero-socials img{width:22px;height:22px}.hero-outro .hero-socials a,.hero-outro .social-pending{gap:6px;font-size:11px}.hero-scroll-link{display:none}.builder-stack{padding-block:52px 38px}.builder-logos{margin-block:34px 20px}.product-thinking.pinned-thought{height:185svh;min-height:1120px}.thought-stage{height:calc(100svh - 112px);top:20px}.pinned-thought .statement-content h2{font-size:clamp(34px,9.7vw,52px)}.site-footer{padding-top:48px;padding-bottom:110px}.footer-bottom{margin-top:42px}}@media (max-height:680px) and (max-width:600px),(prefers-reduced-motion:reduce){.product-thinking.pinned-thought{height:auto;min-height:0;padding-block:40px}.thought-stage{height:auto;min-height:0;position:static}}[data-motion=off] .product-thinking.pinned-thought{height:auto;min-height:0;padding-block:40px}[data-motion=off] .thought-stage{height:auto;min-height:0;position:static}.designer-hero-grid{padding-right:56px}@media (max-width:600px){.designer-hero-grid{padding-right:0}}
.reference-hero .designer-hero-grid{gap:65px;padding-top:45px;padding-bottom:30px}.reference-hero .designer-intro h1{letter-spacing:-.064em;margin:0;font-size:clamp(56px,5.9vw,86px);font-weight:400;line-height:1.16}.reference-hero .designer-intro h1>span{white-space:nowrap;padding-bottom:.06em}.reference-hero h1 em{font-synthesis:style;font-style:italic;font-weight:650}.hero-type-composition{width:fit-content;margin:36px 0 42px;position:relative}.selected-type{color:#1c45c6;isolation:isolate;background:#d9e6ff;padding:0 .055em .025em;font-weight:750;line-height:1;display:inline-block;position:relative}.selected-type:before,.selected-type:after{content:"";background:#3974f6;width:2px;height:calc(100% + 12px);position:absolute;top:-6px}.selected-type:before{left:-2px}.selected-type:after{right:-2px}.selected-type i{background:#3974f6;border-radius:50%;width:10px;height:10px;position:absolute}.selected-type i:first-child{bottom:-10px;left:-6px}.selected-type i:last-child{top:-10px;right:-6px}.hero-strategy-note,.hero-craft-note{letter-spacing:-.02em;border-radius:50px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;font-weight:500;display:flex;position:absolute;box-shadow:0 5px 10px #244da51a}.hero-strategy-note{color:#fff;background:#2d5bec;top:-35px;right:9px;transform:rotate(-6deg)}.hero-craft-note{color:#2348b1;background:#e6edff;bottom:-29px;right:-12px;transform:rotate(4deg)}.hero-craft-note>span{font-size:18px;line-height:1}.reference-hero .hero-grid-background{opacity:.36}.reference-hero .hero-lead{font-size:17px;line-height:1.7}.reference-hero .hero-support{font-size:16px;line-height:1.75}.reference-hero .hero-outro{margin-bottom:26px}.perspective-story{background:linear-gradient(#fcfdff,#f4f7fe 62%,#fcfdff)}.perspective-scroll{height:280svh;min-height:1900px}.perspective-stage{flex-direction:column;justify-content:space-between;height:calc(100svh - 135px);min-height:490px;padding-top:25px;display:flex;position:sticky;top:25px}.perspective-eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:20px;padding-block:10px 24px;font-size:10px;display:flex}.perspective-eyebrow>span:first-child:before{content:"";background:#3765ef;width:6px;height:6px;margin-right:11px;display:inline-block}.perspective-eyebrow>span:last-child{align-items:center;gap:9px;display:inline-flex}.perspective-scenes{flex:1;align-items:center;min-height:0;display:grid}.perspective-panel{pointer-events:none;grid-area:1/1;width:100%}.perspective-opening{text-align:center}.perspective-opening h2{letter-spacing:-.065em;max-width:1080px;margin:0 auto;font-size:clamp(45px,5.7vw,76px);font-weight:500;line-height:1.14}.perspective-opening h2>span{white-space:pre;display:inline-block}.perspective-opening .statement-prelude{margin-bottom:30px;font-size:13px}.perspective-caption{color:var(--muted);margin-top:30px;font-size:24px;display:block}.perspective-chapter{grid-template-columns:1.05fr 1fr;align-items:center;gap:75px;display:grid}.perspective-poster{padding:70px 0 25px;position:relative}.poster-number{color:var(--muted);letter-spacing:.045em;font-size:11px;display:block;position:absolute;top:0;left:0}.perspective-poster h2{letter-spacing:-.065em;margin:0;font-size:clamp(62px,6.4vw,88px);font-weight:400;line-height:1.12}.marked-type{font-synthesis:style;color:#244dbc;background:#dbe6ff;padding:0 .07em .06em .025em;font-style:italic;font-weight:650;display:inline-block;position:relative}.marked-type i{background:#789afa;width:2px;position:absolute;top:0;bottom:0}.marked-type i:first-child{left:-2px}.marked-type i:last-child{right:-2px}.marked-type i:after{content:"";background:#3765ef;width:10px;height:10px;position:absolute;left:-4px}.marked-type i:first-child:after{clip-path:polygon(0 0,100% 0,50% 100%);top:-10px}.marked-type i:last-child:after{clip-path:polygon(50% 0,100% 100%,0 100%);bottom:-10px}.poster-label{color:#fff;white-space:nowrap;background:#315eeb;border-radius:50px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;display:inline-flex;position:absolute;top:38px;left:38%;transform:rotate(-7deg);box-shadow:0 7px 10px #244aa524}.poster-footnote{color:var(--muted);align-items:center;gap:14px;margin-top:40px;font-size:12px;display:flex}.philosophy-chapter .poster-label{left:28%;transform:rotate(5deg)}.philosophy-chapter h2{font-size:clamp(58px,5.9vw,82px)}.perspective-copy{padding-top:28px}.perspective-copy>p:first-child{color:var(--muted);letter-spacing:-.015em;margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.85}.perspective-copy strong{color:var(--ink);font-weight:550}.perspective-progress{background:#dbe3f2;height:2px;margin-top:25px;overflow:hidden}.perspective-progress>span{transform-origin:0;background:#3765ef;height:100%;display:block}.perspective-static .perspective-scroll{height:auto;min-height:0}.perspective-static .perspective-stage{height:auto;min-height:0;position:static}.perspective-static .perspective-scenes{display:block}.perspective-static .perspective-panel{padding-block:55px;opacity:1!important;transform:none!important}.perspective-static .perspective-panel+.perspective-panel{border-top:1px solid var(--line)}.perspective-static .perspective-progress{display:none}@media (min-width:801px) and (max-width:1100px){.reference-hero .designer-hero-grid{grid-template-columns:minmax(0,1fr) 245px;gap:40px}.reference-hero .designer-intro h1{font-size:5.6vw}.perspective-chapter{gap:42px}.perspective-poster h2{font-size:6.2vw}.philosophy-chapter h2{font-size:5.9vw}.poster-label{font-size:12px}}@media (max-width:800px),(max-height:650px){.perspective-scroll{height:auto;min-height:0}.perspective-stage{height:auto;min-height:0;position:static}.perspective-scenes{display:block}.perspective-panel{padding-block:55px;opacity:1!important;transform:none!important}.perspective-panel+.perspective-panel{border-top:1px solid var(--line)}.perspective-opening h2>span{opacity:1!important;transform:none!important}.perspective-progress{display:none}}@media (max-width:800px){.reference-hero .designer-hero-grid{grid-template-columns:minmax(0,1fr) 225px;gap:32px;padding-top:40px}.reference-hero .designer-intro h1{font-size:5.8vw}.perspective-chapter{grid-template-columns:1fr;gap:28px}.perspective-poster{max-width:480px;padding-top:62px;padding-bottom:0}.perspective-poster h2,.philosophy-chapter h2{font-size:clamp(52px,9vw,74px)}.poster-footnote{margin-top:28px}.perspective-copy{max-width:600px;padding-top:0}.perspective-copy>p:first-child{font-size:17px}.perspective-eyebrow>span:last-child{display:none}}@media (max-width:600px){.reference-hero .designer-hero-grid{gap:36px;padding-top:34px;display:flex}.reference-hero .designer-intro h1{font-size:clamp(35px,10.3vw,62px)}.hero-type-composition{margin-top:45px;margin-bottom:47px}.hero-strategy-note,.hero-craft-note{padding:6px 10px;font-size:11px}.hero-strategy-note{top:-32px;right:0}.hero-craft-note{bottom:-28px;right:0}.selected-type i{width:7px;height:7px}.selected-type i:first-child{bottom:-8px;left:-4.5px}.selected-type i:last-child{top:-8px;right:-4.5px}.reference-hero .hero-lead,.reference-hero .hero-support{font-size:16px}.reference-hero .hero-outro{margin-bottom:5px}.perspective-opening h2{font-size:39px}.perspective-caption{font-size:22px}.perspective-opening .statement-prelude{margin-bottom:23px}.perspective-eyebrow{padding-bottom:0}.perspective-poster h2,.philosophy-chapter h2{font-size:clamp(47px,12vw,66px)}.poster-label{font-size:12px;top:31px;left:38%}.philosophy-chapter .poster-label{left:24%}.perspective-copy>p:first-child{font-size:16px;line-height:1.85}}@media (prefers-reduced-motion:reduce){.perspective-scroll{height:auto;min-height:0}.perspective-stage{height:auto;min-height:0;position:static}.perspective-scenes{display:block}.perspective-panel{padding-block:55px;opacity:1!important;transform:none!important}.perspective-opening h2>span{opacity:1!important;transform:none!important}.perspective-progress{display:none}}
.site-header.bottom-dock.adaptive-nav{--nav-top:max(24px, env(safe-area-inset-top));--nav-bottom:max(18px, env(safe-area-inset-bottom));top:var(--nav-top);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .22s;bottom:auto;transform:translateY(0)}.site-header.bottom-dock.adaptive-nav.nav-at-bottom{transform:translateY(calc(100dvh - var(--nav-top) - var(--nav-bottom) - 100%))}.site-header.bottom-dock.adaptive-nav.nav-scroll-hidden:not(:has(:focus-visible)){opacity:0;pointer-events:none;transform:translateY(calc(100dvh + 16px))}.designer-hero.reference-hero{padding-top:126px}.case-hero,.page-intro,.playground-grid-intro{padding-top:138px}body:has(.nav-at-top) .canvas-toolbar{bottom:24px}.hero-photo-column{flex-direction:column;align-items:center;min-width:0;display:flex}.hero-photo-column .hero-photo-deck{width:100%;margin:0 0 32px}.hero-character{z-index:12;mix-blend-mode:multiply;pointer-events:none;width:150px;height:150px;position:absolute;bottom:-102px;left:-87px}.hero-character img,.hero-character video{object-fit:contain;width:100%;height:100%;display:block}.hero-dreaming-character{aspect-ratio:1;z-index:12;mix-blend-mode:multiply;pointer-events:none;width:132px;position:absolute;top:-80px;right:-40px}.hero-dreaming-character video,.hero-dreaming-character img{object-fit:contain;width:100%;height:100%;display:block}.hero-location-note{align-items:center;gap:6px;display:inline-flex}.hero-location-note svg{flex-shrink:0}@media (max-width:900px){.site-header.bottom-dock.adaptive-nav{--nav-top:max(14px, env(safe-area-inset-top));--nav-bottom:max(14px, env(safe-area-inset-bottom))}.adaptive-nav.nav-at-top .capsule-links{top:calc(100% + 12px);bottom:auto}.designer-hero.reference-hero{padding-top:106px}.case-hero,.page-intro,.playground-grid-intro{padding-top:112px}.hero-character{width:132px;height:132px;bottom:-92px;left:-72px}}@media (max-width:600px){.hero-photo-column{align-self:center;width:240px;margin-top:40px}.hero-character{width:125px;height:125px;bottom:-90px;left:max(-60px,152px - 50vw)}.hero-dreaming-character{width:112px;top:-62px;right:max(-34px,152px - 50vw)}.hero-location-note{margin-top:10px}}@media (prefers-reduced-motion:reduce){.site-header.bottom-dock.adaptive-nav{transition:none}}[data-motion=off] .site-header.bottom-dock.adaptive-nav{transition:none}
.footer-game{color:#fff;margin-top:56px}.footer-game-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.footer-game-kicker{color:#ffffffc9;font-size:14px}.footer-game-invite{letter-spacing:-1.5px;color:#ffffffa6;margin:0;font-size:clamp(25px,3.1vw,42px);font-weight:400;line-height:1.2}.footer-game-invite button{color:#fff;text-underline-offset:7px;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 5px;text-decoration:underline;text-decoration-thickness:1px}.footer-game-invite button:hover{color:#baf9df}.footer-game button:focus-visible{outline-offset:3px;outline:2px solid #a5f5cd}.arcade-session{margin-top:36px;scroll-margin-block:24px;animation:.55s cubic-bezier(.16,1,.3,1) both arcade-arrive;position:relative}.arcade-device-wide{isolation:isolate;filter:drop-shadow(0 24px 24px #0b18484d);width:min(100%,1060px);margin-inline:auto;padding:4.2% 4.5% 8%;position:relative}.arcade-housing{pointer-events:none;background:linear-gradient(155deg,#a0a7a5 0%,#626b6b 5%,#293132 9%,#1b2225 45%,#13191d 87%,#080e12 94%,#394246 100%);border:1px solid #85918d;border-radius:42px 42px 26px 26px;position:absolute;inset:0;box-shadow:inset 0 3px 2px #e1e9e682,inset 9px 0 16px #050b0d85,inset -8px -3px 13px #020507}.arcade-housing:after{content:"";background:linear-gradient(120deg,#ffffff07,#0000 35%);border:1px solid #ffffff0b;border-radius:30px;position:absolute;inset:5% 2% 3%}.arcade-screen{aspect-ratio:16/9;isolation:isolate;background:#101d2e;border:9px solid #0b1217;border-radius:19px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #56615a55,0 4px 6px #ffffff15,inset 0 0 15px #000}.arcade-device-label{color:#8d9c99;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:3.6%;left:5%}.arcade-device-label>span:first-child{letter-spacing:-3px;font-size:30px;font-weight:650;line-height:1}.arcade-device-label>span:last-child{letter-spacing:1px;border-left:1px solid #82988d4d;padding-left:12px;font:8px/1.5 ui-monospace,monospace}.arcade-device-vents{opacity:.85;background:repeating-linear-gradient(90deg,#040a0d 0 3px,#0000 3px 7px);width:16%;height:14px;position:absolute;bottom:4.2%;right:11%}.arcade-power-light{background:#9bd5b5;border-radius:50%;width:5px;height:5px;position:absolute;bottom:4.7%;right:6.5%;box-shadow:0 0 8px #adffd28c}.penalty-session{color:#f2f7f7;width:100%;height:100%;font-family:var(--sans,Arial, sans-serif);background:#101d2e;position:relative}.penalty-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.penalty-canvas:focus-visible{outline-offset:-3px;outline:2px solid #abf8d58c}.penalty-vignette{pointer-events:none;background:linear-gradient(#05132199,#0000 22% 62%,#051321c9),radial-gradient(#0000 50%,#06162430);position:absolute;inset:0}.penalty-hud{z-index:2;pointer-events:none;letter-spacing:1px;align-items:center;gap:16px;font:10px ui-monospace,monospace;display:flex;position:absolute;top:4%;left:4%;right:4%}.penalty-brand{color:#a8f4cf;align-items:center;gap:7px;font-weight:700;display:flex}.penalty-brand i{background:#afffd4;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #afffd4}.penalty-brand b{letter-spacing:1.3px;color:#dae7ed;font-size:9px}.penalty-live{color:#c0d2dd;margin-left:auto;font-size:9px}.penalty-score{background:#071b2abf;border:1px solid #c9f1eb30;border-radius:5px;align-items:center;gap:8px;margin-left:auto;padding:7px 10px;display:flex}.penalty-score>span{color:#b4c9d0;font-size:8px}.penalty-score strong{color:#c7ffe6;font:700 18px/1 Arial,sans-serif}.penalty-dots{gap:5px;display:flex}.penalty-dots>span{background:#07182a80;border:1px solid #cbe4e34d;border-radius:50%;place-items:center;width:20px;height:20px;font:9px Arial;display:grid}.penalty-dots .current{color:#ddfff0;border-color:#ddfff0}.penalty-dots .success{color:#123527;background:#a7f1c7;border-color:#a7f1c7}.penalty-dots .miss{color:#32141b;background:#d78684;border-color:#d78684}.penalty-menu{background:linear-gradient(#051320aa,#04152505 40%,#04152520 60%,#051320d9);flex-direction:column;justify-content:center;align-items:center;padding:7% 7% 5%;display:flex;position:absolute;inset:0}.penalty-menu-title{text-align:center;position:absolute;top:9%;left:7%;right:7%}.penalty-eyebrow{letter-spacing:2.2px;color:#b6f4cf;font:9px ui-monospace,monospace}.penalty-menu h4{letter-spacing:-2px;color:#fff;margin:12px 0;font-size:clamp(26px,3vw,36px);font-weight:550;line-height:.98}.penalty-menu h4 em{color:#bcf5d8;font-family:Georgia,serif;font-weight:400}.penalty-menu-title p{color:#c5d7df;margin:0;font-size:12px}.penalty-roles{grid-template-columns:1fr 1fr;gap:12px;width:86%;max-width:650px;display:grid;position:absolute;bottom:8%}.penalty-roles button{text-align:left;color:#d3f5e3;cursor:pointer;background:#102b39cc;border:1px solid #d5f2e447;border-radius:8px;align-items:center;gap:14px;padding:20px 18px;transition:background .18s,transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.penalty-roles button:hover{background:#244c4bd9;border-color:#b5f9cf;transform:translateY(-3px)}.penalty-roles button:last-child{color:#fce0bd;background:#302b2dd9;border-color:#f8d4b548}.penalty-roles button:last-child:hover{background:#4c3d33e8;border-color:#f2cc96}.penalty-roles button>svg:last-child{flex-shrink:0;margin-left:auto}.role-label{letter-spacing:1px;flex-direction:column;gap:5px;font:8px ui-monospace,monospace;display:flex;position:relative}.role-label strong{color:#fff;letter-spacing:-.8px;font:500 23px/1.2 Arial,sans-serif}.role-label small{letter-spacing:0;color:#cad7dd;font:10px/1.3 Arial,sans-serif}.role-number{letter-spacing:-8px;opacity:.045;font:700 94px/1 Arial,sans-serif;position:absolute;top:0;right:25px}.penalty-menu-note{letter-spacing:1.5px;color:#b5c4ca;margin-top:20px;font:7px ui-monospace,monospace;position:absolute;bottom:2%}.penalty-player-label{pointer-events:none;letter-spacing:1px;gap:4px;font:8px ui-monospace,monospace;display:grid;position:absolute;top:17%;left:4%}.penalty-player-label span:last-child{color:#bdd5c7;font-size:7px}.penalty-guidance{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:13%;left:4%;right:4%}.penalty-guidance p{text-align:center;color:#e8f5ec;background:#071b27bf;border:1px solid #d2f2e026;border-radius:4px;margin:0;padding:7px 12px;font-size:11px;line-height:1.4}@media (min-width:701px){.penalty-guidance{align-items:flex-end;gap:12px;width:36%;max-width:280px;left:auto;right:4%}.penalty-guidance p{text-align:right}}.penalty-guidance.is-urgent p{color:#d3ffe6;background:#0a4d3cdb;border-color:#8be5b889}.penalty-power{background:linear-gradient(90deg,#c2d4de 0%,#bddd9b 55%,#a7f2c8 65%,#e5b96b 85%,#f26762 100%);border-radius:4px;width:190px;height:7px;position:relative;box-shadow:0 0 0 3px #071625}.penalty-power .power-good{left:55%;border:1px solid #effff08c;border-radius:1px;width:27%;position:absolute;inset-block:-3px}.penalty-power i{background:#fff;width:3px;height:15px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 4px #081828}.penalty-power small{color:#e5f2e8;font:8px ui-monospace,monospace;position:absolute;top:-1px;left:-44px}.penalty-controls{z-index:5;background:#07121ae8;border-top:1px solid #d3f1df22;justify-content:flex-end;align-items:center;gap:6px;min-height:38px;padding:5px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.penalty-controls button{color:#d5e7e4;cursor:pointer;background:#b3dfe20a;border:1px solid #d2ece82e;border-radius:4px;align-items:center;gap:5px;min-height:27px;padding:4px 9px;font:10px Arial,sans-serif;display:inline-flex}.penalty-controls button:hover{background:#b3dfe223}.penalty-controls button:disabled{opacity:.4;cursor:default}.penalty-key-hint{color:#94aaa9;margin-right:auto;font:9px Arial,sans-serif}.penalty-overlay{z-index:4;text-align:center;background:#081a29e3;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:35px;display:flex;position:absolute;inset:0}.result-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071c2ae6;border:1px solid #c9ede536;border-radius:9px;padding:20px;animation:.26s ease-out both penalty-result;inset:13% 20% 15%}.penalty-overlay h4{letter-spacing:-1.4px;color:#f4fff7;margin:0;font-size:clamp(23px,3.6vw,43px);font-weight:550}.penalty-overlay p{color:#bdd0d5;max-width:310px;margin:0;font-size:12px;line-height:1.5}.penalty-action{color:#163a2c;cursor:pointer;pointer-events:auto;background:#b7f5d2;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:11px 16px;font:600 11px Arial,sans-serif;display:inline-flex}.penalty-action:hover{background:#d4ffe4}.penalty-text-button{color:#c7e8dc;cursor:pointer;background:0 0;border:0;font:11px Arial;text-decoration:underline}.penalty-loading{color:#c6efd9;background:#0e2030;place-items:center;height:100%;font:12px ui-monospace,monospace;display:grid}@keyframes arcade-arrive{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes penalty-result{0%{opacity:0;transform:translateY(7px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:700px){.footer-game{margin-top:38px}.footer-game-heading{gap:20px}.footer-game-kicker{max-width:33%;font-size:12px}.footer-game-invite{letter-spacing:-1px;max-width:65%;font-size:23px}.arcade-session{margin-top:28px}.arcade-device-wide{padding:14px 10px 44px}.arcade-housing{border-radius:24px 24px 17px 17px}.arcade-screen{aspect-ratio:auto;border-width:5px;border-radius:12px;height:clamp(430px,70svh,570px)}.arcade-device-label{gap:8px;bottom:17px;left:7%}.arcade-device-label>span:first-child{font-size:24px}.arcade-device-label>span:last-child{padding-left:8px;font-size:6px}.arcade-device-vents{height:10px;bottom:22px}.arcade-power-light{bottom:25px}.penalty-brand b{display:none}.penalty-hud{gap:8px;top:4%}.penalty-live{font-size:7px}.penalty-score{gap:5px;padding:5px 7px}.penalty-score>span{font-size:7px}.penalty-score strong{font-size:15px}.penalty-dots{gap:3px}.penalty-dots>span{width:17px;height:17px;font-size:8px}.penalty-menu{padding:17% 6% 8%}.penalty-menu-title{margin-bottom:16px}.penalty-menu h4{font-size:32px}.penalty-menu-title p{font-size:10px}.penalty-eyebrow{letter-spacing:1.7px;font-size:7px}.penalty-roles{grid-template-columns:1fr 1fr;gap:8px}.penalty-roles button{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.role-label strong{font-size:20px}.role-label small{font-size:9px}.penalty-menu-note{letter-spacing:.5px;margin-top:15px;font-size:6px}.penalty-player-label{font-size:7px;top:51px}.penalty-player-label span:last-child{font-size:6px}.penalty-key-hint{display:none}.penalty-controls{justify-content:center;padding:5px 7px}.penalty-controls button{flex:1;justify-content:center;min-height:44px;font-size:10px}.penalty-guidance{justify-content:center;gap:12px;min-height:80px;inset:auto 12px 64px}.penalty-session:not([data-phase=menu]) .penalty-canvas{height:calc(100% - 230px);top:76px;bottom:154px}.penalty-session:not([data-phase=menu]) .penalty-vignette{top:76px;bottom:154px}.penalty-roles button>svg:last-child{position:absolute;top:12px;right:10px}.penalty-guidance .penalty-action{min-height:44px}.penalty-guidance p{max-width:260px;font-size:11px}.penalty-power{width:140px}.result-overlay{padding:15px;inset:18% 7% 25%}.penalty-overlay p{font-size:11px}.penalty-overlay h4{font-size:30px}}@media (prefers-reduced-motion:reduce){.arcade-session,.result-overlay{animation:none}.penalty-roles button{transition:none}.penalty-roles button:hover{transform:none}}[data-motion=off] .arcade-session,[data-motion=off] .result-overlay{animation:none}.footer-game .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.penalty-outcome-flash{color:#ccffe6;letter-spacing:2px;pointer-events:none;background:#092c24d9;border-radius:5px;padding:7px 13px;font:700 13px ui-monospace,monospace;position:absolute;top:19%;left:50%;transform:translate(-50%)}@media (max-width:360px){.penalty-dots>span{width:15px;height:15px}.penalty-hud{gap:5px;left:10px;right:10px}.penalty-score{padding:5px}.role-label{letter-spacing:.4px;font-size:7px}.role-label strong{font-size:18px}}@media (orientation:landscape) and (max-height:500px) and (min-width:701px){.arcade-device-wide{max-width:700px;padding:12px 12px 38px}.arcade-screen{aspect-ratio:auto;width:100%;height:62svh}.penalty-menu-title{text-align:left;width:27%;top:24%;left:4%;right:auto}.penalty-menu h4{margin:6px 0;font-size:26px}.penalty-menu-title p{display:none}.penalty-roles{grid-template-columns:1fr;gap:7px;width:29%;top:17%;bottom:auto;right:4%}.penalty-roles button{gap:8px;min-height:69px;padding:8px 10px}.penalty-roles button>svg:first-of-type,.penalty-roles .role-label small{display:none}.penalty-roles .role-label strong{font-size:20px}.penalty-guidance{gap:4px;width:32%;bottom:65px}.penalty-guidance p{padding:4px 8px;font-size:9px}.penalty-ready{min-height:44px;padding:8px 12px;font-size:11px}.penalty-controls button{min-height:44px}}
html:has(.case-study-main){scroll-padding-top:24px}.case-study-main .case-hero,.case-study-main .tp-hero{padding-top:clamp(32px,5vw,64px)}.case-study-main .case-section{scroll-margin-top:24px}.case-study-main .tp-hero{overflow:clip}.case-study-main .case-toc{max-height:calc(100dvh - 56px);top:28px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .case-study-main :is(.case-hero>:not(.back-link),.case-cover,.case-section>*,.tp-hero .tp-wrap>:not(.tp-back),.tp-facts,.tp-section-heading,.tp-section-content>:not(.tp-screens,.tp-cards,.tp-findings,.tp-journeys),.tp-card,.tp-findings>li,.tp-journeys>div,.tp-section-content .tp-screen,.tp-system>*,.tp-atlas-grid>div,.next-project>*){animation:1s both case-study-scroll-fade;animation-timeline:view()}html:not([data-motion=off]) .case-study-main :focus-within{animation:none!important}}}@keyframes case-study-scroll-fade{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.2,1);translate:0 16px}15%,85%{opacity:1;animation-timing-function:cubic-bezier(.3,0,1,1);translate:0}to{opacity:0;translate:0 -12px}}
.case-study-main .case-hero h1{font-size:calc(clamp(52px,6.5vw,90px) - 2px);line-height:1.06}.case-study-main .case-intro h2{font-size:30px}.case-study-main .case-intro p{font-size:17px}.case-study-main .case-section p:not(.table-caption){max-width:68ch;font-size:15px}.case-study-main .case-section p.case-lead{font-size:calc(clamp(27px,3vw,43px) - 2px);line-height:1.3}.case-study-main .case-section h3{font-size:22px}.case-study-main .case-section blockquote{font-size:30px}.case-study-main .next-project h2{font-size:calc(clamp(40px,6vw,82px) - 2px)}@media (max-width:760px){.case-study-main .case-intro h2{font-size:25px}.case-study-main .case-intro p{font-size:15px}.case-study-main .case-section p.case-lead{font-size:29px}.case-study-main .case-section h3{font-size:21px}.case-study-main .case-section blockquote{font-size:26px}.case-study-main .next-project h2{font-size:40px}}@media (max-width:600px){.case-study-main .case-hero h1{font-size:46px}}
.site-loader{z-index:10000;color:#fff;text-align:center;pointer-events:none;background:#315df4;place-items:center;padding:24px;display:none;position:fixed;inset:0}html[data-page-load=loading] .site-loader,html[data-page-load=ready] .site-loader{display:grid}.site-loader-signature{justify-items:center;display:grid}.site-loader-mark{letter-spacing:-.095em;padding-right:.07em;font-size:clamp(96px,16vw,150px);font-weight:700;line-height:1}.site-loader-name{letter-spacing:.06em;margin-top:24px;font-size:13px;font-weight:500}.site-loader-track{background:#ffffff40;width:150px;height:2px;margin:32px 0 14px;overflow:hidden}.site-loader-track>span{background:#fff;width:45%;height:100%;animation:1.1s ease-in-out infinite loader-progress;display:block}.site-loader-label,.site-loader-footnote{letter-spacing:.04em;color:#ffffffc9;font-size:11px}.site-loader-footnote{bottom:max(28px, env(safe-area-inset-bottom));position:absolute}html[data-page-load=ready] .site-loader{animation:.32s cubic-bezier(.3,0,1,1) both loader-depart}html[data-page-load=ready] .site-loader-track>span{width:100%;animation:none}.hero-word{animation:.65s cubic-bezier(.16,1,.3,1) .16s both hero-word-arrive;display:inline-block}.hero-word--2{animation-delay:.24s}.hero-word--3{animation-delay:.32s}.hero-word--4{animation-delay:.4s}.hero-strategy-note,.hero-craft-note{animation:.45s cubic-bezier(.16,1,.3,1) .5s both hero-note-arrive}.hero-craft-note{animation-delay:.58s}html[data-page-load=loading] :is(.hero-word,.hero-strategy-note,.hero-craft-note){animation-play-state:paused}@keyframes hero-word-arrive{0%{opacity:0;transform:translateY(24px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes hero-note-arrive{0%{opacity:0;translate:0 8px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes loader-progress{0%{transform:translate(-110%)}to{transform:translate(335%)}}@keyframes loader-depart{0%{opacity:1;visibility:visible;scale:1}to{opacity:0;visibility:hidden;scale:1.015}}html[data-motion=off] :is(.hero-word,.hero-strategy-note,.hero-craft-note,.site-loader-track>span){animation:none}html[data-motion=off][data-page-load=ready] .site-loader{display:none}@media (prefers-reduced-motion:reduce){:is(.hero-word,.hero-strategy-note,.hero-craft-note,.site-loader-track>span){animation:none}html[data-page-load=ready] .site-loader{display:none}}
.meetup-journal{background:linear-gradient(#fcfdff,#f1f5ff 50%,#fcfdff)}.journal-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px;display:flex}.journal-heading .eyebrow{color:var(--accent)}.journal-heading h2{letter-spacing:-.055em;margin:20px 0 0;font-size:clamp(40px,4.4vw,64px);font-weight:500;line-height:1.07}.journal-heading h2 em{color:#315cf0;font-family:Instrument Serif,Georgia,serif;font-weight:400}.journal-heading p{color:var(--muted);max-width:295px;margin:0;font-size:14px;line-height:1.8}.journal-heading p>span{color:#315cf0;letter-spacing:.03em;margin-top:13px;font-size:11px;display:inline-block}.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.journal-entry{min-width:0}.journal-card{background:#fff;border:1px solid #dfe5f1;border-radius:18px;height:100%;padding:14px;box-shadow:0 8px 28px #21386805}.journal-card-top{justify-content:space-between;align-items:center;gap:10px;padding:0 2px 16px;display:flex}.journal-index{letter-spacing:.08em;color:#315cf0;font-size:10px}.journal-photo-count{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.journal-photos{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.journal-photo{cursor:zoom-in;background:#edf1f8;border-radius:7px;min-width:0}.journal-cover{aspect-ratio:16/10;border-radius:10px;grid-column:1/-1}.journal-thumbnail{aspect-ratio:1}.journal-photo img{object-fit:cover;object-position:center 40%;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.journal-photo:hover img{transform:scale(1.035)}.journal-open{color:#20242f;background:#fffe;border-radius:100px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex;position:absolute;bottom:12px;right:12px}.journal-caption{padding:20px 2px 6px}.journal-location{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.journal-caption h3{letter-spacing:-.035em;min-height:2.6em;margin:8px 0 0;font-size:21px;font-weight:500;line-height:1.3}.journal-caption a{justify-content:space-between;gap:18px;display:flex}.journal-caption svg{flex-shrink:0;margin-top:3px}.journal-caption a:hover{color:#315cf0}.journal-signoff{text-align:center;color:#315cf0;margin:42px 0 0;font:italic 30px Instrument Serif,Georgia,serif}.journal-entry:focus-within{opacity:1!important;transform:none!important}@media (min-width:761px) and (max-width:1050px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.journal-heading{margin-bottom:28px;display:block}.journal-heading p{max-width:100%;margin-top:22px}.journal-grid{grid-template-columns:1fr;gap:20px}.journal-card{border-radius:14px;padding:12px}.journal-card-top{padding:4px 2px 12px}.journal-caption{padding-top:16px}.journal-caption h3{font-size:19px}.journal-signoff{margin-top:30px;font-size:27px}}@media (prefers-reduced-motion:reduce){.journal-photo img{transition:none}.journal-photo:hover img{transform:none}}[data-motion=off] .journal-photo img{transition:none}[data-motion=off] .journal-photo:hover img{transform:none}
.figma-cover{view-timeline-name:--project-cover;view-timeline-axis:block;background:#fafafa;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.figma-cover--ticketspi{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 586 360' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><g transform='matrix(-0.0000086907 45.782 -74.523 0.0032976 293.85 0.66915)' opacity='1'><rect height='74.69' width='78.624' fill='url(%23grad)' id='quad' shape-rendering='crispEdges'/><use href='%23quad' transform='scale(1 -1)'/><use href='%23quad' transform='scale(-1 1)'/><use href='%23quad' transform='scale(-1 -1)'/></g><defs><linearGradient id='grad' gradientUnits='userSpaceOnUse' x2='5' y2='5'><stop stop-color='rgba(255,37,41,1)' offset='0'/><stop stop-color='rgba(188,23,32,1)' offset='0.5'/><stop stop-color='rgba(155,16,28,1)' offset='0.75'/><stop stop-color='rgba(122,9,24,1)' offset='1'/></linearGradient></defs></svg>");background-size:100% 100%}.figma-cover-stage{aspect-ratio:586/360;width:min(100cqw,162.778cqh);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:inline-size}.cover-layer,.cover-copy{position:absolute}.project-visual .figma-cover .cover-layer img,.project-card:hover .project-visual .figma-cover .cover-layer img{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;object-fit:cover;border-radius:0;padding:0;transition:none;display:block;transform:none}.figma-cover .cover-copy{font-family:Poppins,sans-serif}.figma-cover .cover-copy p{font:inherit;color:inherit;margin:0}.cover-layer--device{transition:transform .45s cubic-bezier(.2,.7,.2,1)}@media (hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .project-card:hover .cover-layer--device{transform:translateY(-3px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .cover-layer--device{animation:1s both cover-device-arrive;animation-timeline:--project-cover;animation-range:entry entry 80%}}}@keyframes cover-device-arrive{0%{opacity:.7;translate:0 12px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.cover-layer--device{transition:none}}[data-motion=off] .cover-layer--device{transition:none}
.selected-work .work-grid{--work-column-gap:64px;--work-row-gap:64px;gap:var(--work-row-gap) var(--work-column-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;position:relative}.selected-work .project-card{flex-direction:column;display:flex;position:relative}.selected-work .work-grid:before{content:"";background:var(--line);pointer-events:none;width:1px;position:absolute;inset:0 auto 0 50%}.selected-work .project-card:where(:nth-child(odd):nth-child(n+3)):before{content:"";top:calc(var(--work-row-gap) / -2);width:calc(200% + var(--work-column-gap));background:var(--line);pointer-events:none;height:1px;position:absolute;left:0}.selected-work .project-card>a{display:block}.selected-work .project-visual{aspect-ratio:586/360;border-radius:12px;width:100%;height:auto}.selected-work .project-info{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px 16px;padding-top:24px;display:grid}.selected-work .project-info h3{margin:0;font-size:clamp(24px,2.3vw,30px);line-height:1.2}.selected-work .project-info p{text-wrap:pretty;grid-column:1/-1;max-width:48ch;min-height:3.2em}.selected-work .project-year{white-space:nowrap;padding:0;line-height:1.4}.selected-work .tags{margin-top:20px}.selected-work .project-card>a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:12px}.play-teaser{isolation:isolate;background:var(--paper);color:var(--ink);position:relative;overflow:clip}.playground-preview-background{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 52%,#3157ff0d,#0000 70%);position:absolute;inset:0;overflow:hidden}.playground-preview-background .playground-dot-grid{animation:24s linear infinite playground-grid-drift;position:absolute;inset:-52px;-webkit-mask-image:linear-gradient(#0000,#000 18% 85%,#0000);mask-image:linear-gradient(#0000,#000 18% 85%,#0000)}.play-teaser .section-heading{z-index:1;position:relative}.play-teaser .section-heading .pill{border-color:var(--line);color:var(--ink);background:var(--paper);flex-shrink:0}.playground-preview-artworks{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(20px,4vw,56px);padding:42px 12px 32px;display:grid}.preview-artwork{--artwork-angle:-4deg;--artwork-drift:18px;min-width:0;transform:rotate(var(--artwork-angle));margin:0;animation:17s ease-in-out infinite playground-artwork-drift}.preview-artwork-1{--artwork-angle:3deg;--artwork-drift:-22px;margin-top:24px;animation-duration:19s;animation-delay:-5s}.preview-artwork-2{--artwork-angle:-2deg;--artwork-drift:16px;animation-duration:21s;animation-delay:-10s}.preview-artwork a{outline-offset:6px;border-radius:14px;display:block}.preview-artwork img{aspect-ratio:1;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 18px 40px -24px #0e0e1073}.preview-artwork-caption{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 5px 0;font-size:13px;line-height:1.55;display:flex}.preview-artwork-caption svg{flex-shrink:0;margin-top:3px}.play-teaser .play-note{color:var(--muted);text-align:center;margin:32px 0 0;font-size:14px;line-height:1.7}@keyframes playground-grid-drift{to{transform:translate(26px,26px)}}@keyframes playground-artwork-drift{0%,to{transform:translate(0, 0) rotate(var(--artwork-angle))}50%{transform:translate(8px, var(--artwork-drift)) rotate(calc(var(--artwork-angle) + 2deg))}}.skill-core-spin{width:fit-content;height:fit-content;transform-style:preserve-3d;animation:28s linear infinite skill-core-turn}@keyframes skill-core-turn{0%{transform:rotateX(-12deg)rotateY(0)}to{transform:rotateX(-12deg)rotateY(360deg)}}@media (max-width:900px){.selected-work .work-grid{--work-row-gap:48px;--work-column-gap:32px}.selected-work .project-info{grid-template-columns:1fr;gap:8px}.selected-work .project-info p{margin-top:4px}.selected-work .project-year{font-size:12px}}@media (max-width:650px){.selected-work .work-grid{--work-row-gap:44px;grid-template-columns:1fr}.selected-work .work-grid:before{display:none}.selected-work .project-card:nth-child(n+2):before{content:"";top:calc(var(--work-row-gap) / -2);background:var(--line);width:100%;height:1px;position:absolute;left:0}.selected-work .project-info{padding-top:20px}.selected-work .project-info p{min-height:0}.selected-work .tags{margin-top:16px}.playground-preview-artworks{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;padding:26px 4px 10px}.preview-artwork{--artwork-drift:10px}.preview-artwork-1{--artwork-drift:-10px;margin-top:32px}.preview-artwork-2{grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}.preview-artwork-caption{gap:6px;padding-top:10px;font-size:12px}.preview-artwork-caption svg{display:none}}@media (prefers-reduced-motion:reduce){.playground-preview-background .playground-dot-grid,.preview-artwork,.skill-core-spin{animation:none}}[data-motion=off] .playground-preview-background .playground-dot-grid,[data-motion=off] .preview-artwork,[data-motion=off] .skill-core-spin{animation:none}