.hero{isolation:isolate;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(40px,5vw,84px);min-height:min(100vh,960px);padding-top:clamp(132px,17vh,180px);padding-bottom:clamp(80px,11vh,128px);display:grid;position:relative}.confetti{inset:0 calc(var(--gutter) * -1)}.status-pill{border:var(--border);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);align-items:center;gap:10px;padding:7px 16px 7px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.pulse{border:2px solid var(--ink);background:var(--teal);border-radius:50%;width:10px;height:10px;position:relative}.pulse:after{content:"";border:2px solid var(--teal);opacity:0;animation:pulse 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-6px}@keyframes pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.hero-title{letter-spacing:-.02em;margin-top:30px;font-size:clamp(42px,6.2vw,86px);font-weight:900;line-height:1.14}.hero-line{display:block}.title-squiggle{width:clamp(150px,16vw,220px);color:var(--yellow);filter:drop-shadow(2px 2px 0 var(--ink));margin-top:18px}.hero-intro{max-width:34em;color:var(--ink-2);gap:4px;margin-top:26px;font-size:clamp(16px,1.25vw,18px);display:grid}.hero-intro .lead{color:var(--ink);margin-bottom:4px;font-size:clamp(18px,1.55vw,22px);font-weight:700}.hero-intro strong{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-facts{flex-wrap:wrap;gap:14px;margin-top:44px;display:flex}.fact{border:var(--border);border-radius:var(--radius-md);background:var(--tone);min-width:138px;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease-pop);padding:12px 18px}.fact:first-child{transform:rotate(-2deg)}.fact:nth-child(2){transform:rotate(1.5deg)}.fact:nth-child(3){transform:rotate(-1deg)}.fact:hover{transform:rotate(0)translateY(-3px)}.fact dt{letter-spacing:.14em;color:var(--ink-2);font-size:12px;font-weight:700}.fact dd{margin-top:2px;font-size:15.5px;font-weight:800}.hero-visual{justify-self:end;width:min(100%,470px);position:relative}.visual-backdrop{aspect-ratio:1;border:var(--border);background:var(--blue);border-radius:50%;width:78%;position:absolute;top:-6%;right:-10%}.visual-stripes{border:var(--border);border-radius:var(--radius-md);background-color:var(--yellow);background-image:var(--stripes);width:46%;height:26%;position:absolute;bottom:-5%;left:-9%;transform:rotate(-6deg)}.visual-frame{aspect-ratio:4/5;border:3px solid var(--ink);border-radius:var(--radius-xl);background:var(--pink-soft);box-shadow:var(--shadow-lg);transition:transform .6s var(--ease-pop), box-shadow .4s var(--ease-out);position:relative;overflow:hidden;transform:rotate(2deg)}.hero-visual:hover .visual-frame{box-shadow:14px 14px 0 var(--ink);transform:rotate(0)translate(-4px,-4px)}.visual-frame img{object-fit:cover;width:100%;height:100%}.float-chip{border:var(--border);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);white-space:nowrap;align-items:center;gap:9px;padding:10px 16px;font-size:14px;font-weight:800;animation:7s ease-in-out infinite chip-float;display:inline-flex;position:absolute}.float-chip i{border:2px solid var(--ink);background:var(--c);border-radius:3px;width:12px;height:12px;transform:rotate(45deg)}.chip-a{--r:-4deg;top:9%;left:-13%}.chip-b{--r:3deg;animation-delay:-2.4s;top:50%;right:-9%}.chip-c{--r:-2deg;animation-delay:-4.8s;bottom:9%;left:-6%}@keyframes chip-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(var(--r,0deg))}}@media (width<=960px){.hero{grid-template-columns:1fr;min-height:0}.hero-visual{justify-self:center;width:min(100% - 44px,420px);margin-top:16px}.chip-a{left:-22px}.chip-b{right:-22px}}.section{isolation:isolate;grid-template-columns:180px minmax(0,1fr);gap:clamp(24px,4vw,72px);padding-block:clamp(80px,11vh,140px);display:grid;position:relative}.section:before{content:"";background-image:var(--zigzag);opacity:.9;background-repeat:repeat-x;background-size:24px 14px;height:14px;position:absolute;top:-7px;left:0;right:0}.section-rail{top:calc(var(--nav-height) + 48px);flex-direction:column;align-self:start;align-items:flex-start;gap:14px;display:flex;position:sticky}.section-index{border:var(--border);background:var(--tone,var(--yellow));width:76px;height:76px;box-shadow:var(--shadow-sm);font-family:var(--font-display);color:var(--ink);border-radius:50%;place-items:center;font-size:28px;line-height:1;display:grid;transform:rotate(-8deg)}.section-name{border:var(--stroke-thin) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);letter-spacing:.12em;padding:3px 12px;font-size:13.5px;font-weight:800}.section-title{letter-spacing:-.015em;font-size:clamp(28px,3.4vw,46px);font-weight:900;line-height:1.28}.section-sub{max-width:36em;color:var(--ink-2);margin-top:16px;font-size:clamp(16px,1.2vw,18px);font-weight:500}@media (width<=880px){.section{grid-template-columns:1fr;gap:22px}.section-rail{flex-direction:row;align-items:center;gap:14px;position:static}.section-index{width:60px;height:60px;font-size:22px}}.statement{letter-spacing:-.02em;font-size:clamp(36px,4.8vw,64px);font-weight:900;line-height:1.2}.about-text{max-width:40em;color:var(--ink-2);gap:18px;margin-top:36px;font-size:clamp(16px,1.2vw,18px);display:grid}.about-text p:first-child{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);padding:18px 22px;font-size:clamp(18px,1.55vw,21px);font-weight:700;line-height:1.7}.role-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;margin-top:52px;display:grid}.role-card{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);transition:transform .35s var(--ease-pop), box-shadow .3s var(--ease-out);padding:26px 24px 28px;position:relative}.role-card:nth-child(2){margin-top:30px}.role-card:nth-child(3){margin-top:60px}.role-card:hover{box-shadow:10px 10px 0 var(--ink);transform:translate(-4px,-4px)rotate(-1deg)}.role-icon{border:var(--border);background:var(--tone);width:52px;height:52px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);border-radius:16px;place-items:center;margin-bottom:20px;display:grid}.role-icon svg{width:24px;height:24px}.role-card h3{font-size:19px;font-weight:900}.role-card p{color:var(--ink-2);margin-top:6px;font-size:15px;line-height:1.7}@media (width<=760px){.role-cards{grid-template-columns:1fr}.role-card:nth-child(2),.role-card:nth-child(3){margin-top:0}}.focus-cloud{flex-wrap:wrap;gap:18px 16px;max-width:840px;margin-top:44px;display:flex}.focus-item{border:var(--border);border-radius:var(--radius-pill);background:var(--c);box-shadow:var(--shadow-sm);transform:rotate(var(--r,0deg));transition:transform .35s var(--ease-pop), box-shadow .3s var(--ease-out);align-items:center;gap:14px;padding:10px 26px 10px 10px;font-size:clamp(17px,1.6vw,22px);font-weight:900;display:inline-flex}.focus-item:first-child{--r:-2.5deg}.focus-item:nth-child(2){--r:2deg;margin-top:16px}.focus-item:nth-child(3){--r:-1deg}.focus-item:nth-child(4){--r:2.5deg;margin-top:16px}.focus-item:nth-child(5){--r:-2deg}.focus-item:hover{box-shadow:var(--shadow-md);transform:rotate(0)translate(-3px,-3px)scale(1.03)}.focus-num{border:var(--stroke-thin) solid var(--ink);background:var(--surface);width:42px;height:42px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:13px;font-weight:400;display:grid}@media (width<=560px){.focus-item:nth-child(2),.focus-item:nth-child(4){margin-top:0}}.principle-list{gap:18px;margin-top:42px;display:grid}.principle{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:760px;box-shadow:var(--shadow-md);transition:transform .35s var(--ease-pop), box-shadow .3s var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,30px);padding:clamp(16px,2vw,22px) clamp(20px,3vw,32px) clamp(16px,2vw,22px) clamp(16px,2vw,22px);display:grid}.principle:nth-child(2){margin-left:clamp(0px,5vw,72px)}.principle:nth-child(3){margin-left:clamp(0px,10vw,144px)}.principle:hover{box-shadow:10px 10px 0 var(--ink);transform:translate(-4px,-4px)}.principle-num{border:var(--border);border-radius:var(--radius-md);background-color:var(--tone);background-image:var(--stripes);width:64px;height:64px;font-family:var(--font-display);color:var(--ink);text-shadow:-2px -2px 0 var(--surface), 2px -2px 0 var(--surface), -2px 2px 0 var(--surface), 2px 2px 0 var(--surface);background-size:auto;place-items:center;font-size:24px;line-height:1;display:grid}.principle-text{letter-spacing:-.01em;font-size:clamp(20px,2.2vw,28px);font-weight:900}.principle-en{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:12.5px;font-weight:800}@media (width<=640px){.principle{grid-template-columns:auto minmax(0,1fr)}.principle-num{grid-row:span 2}.principle-en{white-space:normal;grid-column:2;margin-top:-12px}.principle:nth-child(2),.principle:nth-child(3){margin-left:0}}.project-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:26px;margin-top:44px;display:grid}.project-card{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);transition:transform .4s var(--ease-pop), box-shadow .3s var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card.featured{grid-row:span 2}.project-card:hover{box-shadow:12px 12px 0 var(--ink);transform:translate(-5px,-5px)}.project-cover{aspect-ratio:16/10;border-bottom:var(--border);background:var(--tone-soft);position:relative;overflow:hidden}.project-card.featured .project-cover{aspect-ratio:auto;flex:1;min-height:300px}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out)}.project-card:hover .project-cover img{transform:scale(1.05)rotate(-.6deg)}.project-sticker{border:var(--border);background:var(--tone);width:54px;height:54px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);transition:transform .45s var(--ease-pop);border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;top:14px;right:14px;transform:rotate(10deg)}.project-card:hover .project-sticker{transform:rotate(-12deg)scale(1.08)}.project-info{padding:22px 26px 28px}.project-meta{flex-wrap:wrap;gap:8px;display:flex}.project-card h3{letter-spacing:-.01em;margin-top:14px;font-size:clamp(24px,2.3vw,32px);font-weight:900}.project-card.featured h3{font-size:clamp(28px,2.8vw,38px)}.project-card p{color:var(--ink-2);margin-top:10px;font-size:15.5px}@media (width<=960px){.project-grid{grid-template-columns:1fr}.project-card.featured{grid-row:auto}.project-card.featured .project-cover{aspect-ratio:16/10;flex:none;min-height:0}}.thought-list{gap:34px;display:grid}.thought{padding:clamp(28px,4vw,44px) clamp(28px,4.5vw,56px);border:var(--border);border-radius:var(--radius-xl);background:var(--tone);max-width:820px;box-shadow:var(--shadow-md);letter-spacing:-.015em;transform:rotate(var(--r,0deg));transition:transform .4s var(--ease-pop);padding-left:clamp(70px,7.5vw,110px);font-size:clamp(24px,3.1vw,40px);font-weight:900;line-height:1.35;position:relative}.thought:after{content:"";border-right:var(--border);border-bottom:var(--border);background:var(--tone);width:26px;height:26px;position:absolute;bottom:-14px;left:56px;transform:rotate(45deg)}.thought:first-child{--r:-1deg}.thought:nth-child(2){--r:1deg;margin-left:auto}.thought:nth-child(2):after{left:auto;right:56px}.thought:nth-child(3){--r:-.5deg}.thought:hover{transform:rotate(0)scale(1.015)}.thought-mark{font-family:var(--font-display);color:var(--surface);-webkit-text-stroke:2.5px var(--ink);font-size:clamp(56px,6vw,84px);line-height:1;position:absolute;top:clamp(16px,2.4vw,28px);left:clamp(18px,2.4vw,34px)}.section-contact{grid-template-columns:1fr;gap:28px}.section-contact .section-rail{flex-direction:row;align-items:center;position:static}.contact-panel{isolation:isolate;border:3px solid var(--ink);border-radius:var(--radius-xl);background:var(--lilac-soft);box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);padding:clamp(26px,5vw,64px);display:grid;position:relative;overflow:hidden}.contact-panel .confetti{inset:0}.contact-copy{flex-direction:column;display:flex}.contact-title{letter-spacing:-.02em;font-size:clamp(30px,3.8vw,52px);font-weight:900;line-height:1.22}.contact-sub{max-width:26em;color:var(--ink-2);margin-top:18px;font-size:clamp(16px,1.25vw,18px);font-weight:500}.email-card{margin-top:auto;padding-top:40px}.email-label{border:var(--stroke-thin) solid var(--ink);border-radius:var(--radius-pill);background:var(--yellow);letter-spacing:.14em;padding:2px 12px;font-size:12.5px;font-weight:800;display:inline-block}.email-link{letter-spacing:-.01em;word-break:break-all;background-image:linear-gradient(var(--yellow), var(--yellow));width:fit-content;max-width:100%;transition:background-size .35s var(--ease-out);background-position:0 88%;background-repeat:no-repeat;background-size:100% .32em;margin-top:10px;font-size:clamp(22px,2.6vw,34px);font-weight:900;display:block}.email-link:hover{background-size:100% .9em}.email-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.form-card{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);padding:clamp(22px,3vw,34px);position:relative}.contact-form{gap:18px;display:grid}.form-head h3{font-size:21px;font-weight:900}.form-head p{color:var(--ink-3);margin-top:2px;font-size:14px}.field{gap:8px;display:grid}.field-label{color:var(--ink);padding:0;font-size:13.5px;font-weight:800}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.input{border:var(--stroke-thin) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:50px;transition:box-shadow .2s var(--ease-out), background-color .2s;padding:0 16px;font-size:15px}.input::placeholder{color:#9a96a6}.input:focus{box-shadow:4px 4px 0 var(--pink);background:#fffdf6;outline:none}.input[aria-invalid=true]{border-color:var(--pink-deep);box-shadow:4px 4px 0 var(--pink-deep);background:#fff4f8}textarea.input{resize:vertical;height:auto;min-height:136px;padding:13px 16px;line-height:1.65}.field-error{color:var(--pink-deep);font-size:13px;font-weight:700;line-height:1.4}.field-error:empty{display:none}.intent-group{flex-wrap:wrap;gap:10px;display:flex}.intent-chip{position:relative}.intent-chip input{opacity:0;pointer-events:none;position:absolute}.intent-chip span{border:var(--stroke-thin) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);height:40px;color:var(--ink);cursor:pointer;transition:background-color .2s, box-shadow .2s var(--ease-out), transform .3s var(--ease-pop);align-items:center;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.intent-chip span:hover{background:var(--yellow-soft);transform:rotate(-3deg)}.intent-chip input:checked+span{background:var(--yellow);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.intent-chip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-foot{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:4px;display:flex}.btn-submit{min-width:150px}.form-status{color:var(--ink-3);flex:200px;font-size:14px;line-height:1.5}.form-status.is-error{color:var(--pink-deep);font-weight:700}.form-status a{color:var(--blue);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.form-success{animation:menu-in .5s var(--ease-pop);outline:none;justify-items:start;gap:10px;padding:28px 4px;display:grid}.form-success[hidden]{display:none}.success-icon{border:var(--border);background:var(--teal);width:60px;height:60px;box-shadow:var(--shadow-sm);color:var(--ink);border-radius:18px;place-items:center;margin-bottom:6px;display:grid;transform:rotate(-6deg)}.success-icon svg{width:30px;height:30px}.form-success h3{font-size:24px;font-weight:900}.form-success p{color:var(--ink-2);margin-bottom:8px}@media (width<=960px){.contact-panel{grid-template-columns:1fr}.email-card{margin-top:0;padding-top:28px}}@media (width<=560px){.field-row{grid-template-columns:1fr}.contact-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.form-card{padding:20px}.btn-submit{width:100%}}.footer{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;padding:40px 0 56px;font-size:14px;font-weight:600;display:flex;position:relative}.footer:before{content:"";background-image:var(--zigzag);background-repeat:repeat-x;background-size:24px 14px;height:14px;position:absolute;top:-7px;left:0;right:0}.footer-brand{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.footer-brand .wordmark{font-size:20px}.footer-meta{flex-wrap:wrap;gap:8px 22px;display:flex}.footer-meta a{border-bottom:2px solid #0000;transition:border-color .2s}.footer-meta a:hover{border-color:var(--pink);color:var(--ink)}