:root{--paper:#faf8f4;--sand:#f2ede5;--ink:#252322;--muted:#77716a;--accent:#c8646e;--line:rgba(37,35,34,.18)}
body{background:var(--paper);color:var(--ink);font-size:15px;font-weight:400;line-height:1.9}.site-header{padding:.85rem 4vw;border-color:var(--line);background:rgba(250,248,244,.94)}.brand{font-size:.8rem;letter-spacing:.02em}.brand span{color:var(--accent)}.site-nav{font-size:.62rem;font-weight:600;gap:1.5rem}.hero{min-height:82vh;padding:8vw 7vw 5vw;grid-template-columns:1.15fr .85fr}.hero h1{font-size:clamp(4rem,9vw,8rem);line-height:.82}.hero h1 span{color:var(--accent);margin-left:9vw}.hero-sub{font-size:clamp(.9rem,1.15vw,1.05rem);font-weight:500;letter-spacing:.02em}.hero-statement{max-width:25rem;color:var(--muted)}.hero-statement strong{font-size:clamp(1.4rem,2vw,2.1rem);font-weight:500;color:var(--ink)}.orb{width:20vw;height:20vw;border-color:rgba(200,100,110,.55);right:-5vw;top:14vh}.section{padding:7rem 7vw;border-color:var(--line)}.section-head{grid-template-columns:5rem 1fr;margin-bottom:5rem}.section h2{font-size:clamp(2.7rem,5.2vw,5rem);line-height:1.05}.section-no,.eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.2em}.about-grid,.philosophy-grid{gap:clamp(3rem,8vw,9rem)}.portrait-wrap{max-width:430px}.portrait-wrap:before{inset:-.55rem .7rem .7rem -.55rem;background:#ead8d6}.lead{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.75}.philosophy{background:#292724}.philosophy-quote h3{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400}.manifesto{border-color:var(--accent)}.manifesto strong{font-size:1.65rem;font-weight:400}.project{background:var(--sand);color:var(--ink)}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1120px;margin:0 auto 8rem}.project-intro h3{font-family:Editorial,serif;font-size:clamp(3.2rem,6vw,5.8rem);font-weight:400;line-height:1;margin:.8rem 0 2rem}.project-lead{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.55}.looplet-showcase{max-width:1050px;margin:auto}.looplet-feature{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;margin:0 0 9rem}.looplet-feature.reverse{grid-template-columns:.85fr 1.15fr}.looplet-feature.reverse .feature-frame{order:2}.feature-frame{background:#e7e1d8;border-radius:0 42% 0 0;overflow:hidden}.looplet-feature.reverse .feature-frame{border-radius:42% 0 0 0}.feature-frame img{width:100%;aspect-ratio:1.3;object-fit:cover}.looplet-feature figcaption{margin:0}.looplet-feature figcaption span{font-size:.6rem;letter-spacing:.18em;color:var(--accent)}.looplet-feature h4{font-size:clamp(1.35rem,2vw,1.9rem);font-weight:500;margin:.7rem 0}.looplet-feature figcaption p{color:var(--muted);max-width:28rem}.project-footer{display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid var(--line);padding-top:2.5rem}.flow{font-size:.62rem;font-weight:600}.button{border-color:var(--ink);font-weight:600}.works-grid{gap:6rem 3rem}.work-card:nth-child(even){margin-top:5rem}.work-card h3{font-size:1.5rem;font-weight:500}.work-card p{color:var(--muted)}.work-meta{border-color:var(--line);font-weight:600}.archive{margin-top:7rem}.archive h3{font-size:2rem}.career-item{border-color:var(--line);padding:1.6rem 0}.career-item h3{font-size:1.15rem;font-weight:500}.career-item p{color:var(--muted)}.skills{background:#f3efe8}.skill-group{border-top-width:1px}.activity{border-color:var(--line)}.representative{background:#eee9e1}.representative-card{background:#fff}.contact{background:#292724}.contact h2{font-size:clamp(3.5rem,8vw,7rem);font-weight:400}
@media(max-width:800px){body{font-size:14px}.hero{min-height:760px;padding:7rem 1.4rem 3rem}.hero h1{font-size:17vw}.hero-statement{margin-top:4rem}.section{padding:5rem 1.4rem}.section-head{grid-template-columns:2.5rem 1fr;margin-bottom:3.5rem}.section h2{font-size:clamp(2.3rem,11vw,3.8rem)}.project-intro,.project-footer{grid-template-columns:1fr;gap:2rem;margin-bottom:5rem}.looplet-feature,.looplet-feature.reverse{grid-template-columns:1fr;gap:2rem;margin-bottom:5rem}.looplet-feature.reverse .feature-frame{order:0}.looplet-feature figcaption{padding:0 .5rem}.work-card h3{font-size:1.35rem}}@media(max-width:430px){.hero{min-height:720px}.hero h1{font-size:16.5vw}.hero h1 span{margin-left:0}.hero-statement strong{font-size:1.35rem}.section h2{font-size:2.55rem}.looplet-feature h4{font-size:1.3rem}}
.looplet-logo{width:min(430px,80%);height:auto;filter:invert(1);margin:1rem 0 2rem}.contact{padding-top:6rem;padding-bottom:6rem}.contact h2{font-size:clamp(2.7rem,5vw,4.8rem);margin-bottom:1.5rem}.contact p{max-width:36rem;margin:0 auto 2rem;color:#d8d2ca}.contact-email{display:inline-block;font-family:Editorial,serif;font-size:clamp(1.6rem,3vw,2.7rem);border-bottom:1px solid rgba(250,248,244,.65);line-height:1.35}.contact-email:hover,.contact-email:focus-visible{color:#e8a0a7;border-color:#e8a0a7}
.works-grid{display:block;max-width:960px;margin:auto}.work-row{display:grid;grid-template-columns:5rem 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--line)}.work-row:last-child{border-bottom:1px solid var(--line)}.work-number,.work-type{font-size:.6rem;letter-spacing:.16em;color:var(--muted)}.work-row h3{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:500;margin:.25rem 0}.work-row p{margin:.2rem 0;color:var(--muted)}.works-action{text-align:center;margin-top:3.5rem}.wantedly-button{display:inline-flex;align-items:center;gap:2.5rem;padding:1rem 1.3rem;border:1px solid var(--ink);font-size:.68rem;font-weight:600;letter-spacing:.12em;transition:background .25s,color .25s}.wantedly-button:hover,.wantedly-button:focus-visible{background:var(--ink);color:var(--paper)}@media(max-width:600px){.work-row{grid-template-columns:2.5rem 1fr;gap:1rem}.wantedly-button{width:100%;justify-content:space-between}}
.philosophy{position:relative;overflow:hidden;background:#f5f0e7;color:var(--ink)}.philosophy:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(37,35,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,35,34,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.philosophy .section-head{position:relative;z-index:1}.belief-collage{position:relative;z-index:1;display:grid;grid-template-columns:.75fr 1.1fr .9fr;gap:clamp(2rem,5vw,6rem);align-items:center;max-width:1280px;margin:auto}.belief-title h3{font-size:clamp(3.3rem,6.5vw,6.4rem);font-weight:500;line-height:.84;letter-spacing:-.08em;margin:1rem 0}.belief-title h3 span{display:inline-block;color:var(--accent);transform:translateX(1.5rem) rotate(-4deg)}.belief-note{font-family:Editorial,serif;font-size:1rem;line-height:1.4;margin:2rem 0 0 4rem}.belief-visual{position:relative;margin:0}.belief-photo{position:relative;overflow:hidden;clip-path:polygon(9% 0,100% 5%,94% 100%,0 92%);background:#d8d1c6;transform:rotate(1.5deg)}.belief-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);pointer-events:none}.belief-photo img{width:100%;height:min(58vw,660px);object-fit:cover;object-position:50% 64%;filter:saturate(.86) contrast(.96)}.belief-visual figcaption{font-size:.55rem;line-height:1.5;letter-spacing:.16em;margin:.8rem 0 0 12%;color:var(--muted)}.scribble{position:absolute;font-family:Editorial,serif;color:var(--accent);line-height:1}.scribble-one{font-size:4rem;right:-1.2rem;top:-2rem;transform:rotate(-12deg)}.scribble-two{font-size:3rem;left:-1rem;bottom:2rem;transform:rotate(15deg)}.belief-copy{border-top:1px solid var(--ink);padding-top:1.5rem}.belief-index{font-size:.55rem;letter-spacing:.14em;color:var(--accent);margin-bottom:2rem}.belief-copy strong{display:block;font-family:Editorial,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:400;line-height:1.05;margin-bottom:2rem}.belief-copy>p:not(.belief-index){font-size:.9rem;color:#514d48}.about-grid .portrait-wrap img{object-fit:contain;object-position:center bottom;background:#ece7df}
@media(max-width:900px){.belief-collage{grid-template-columns:.75fr 1.25fr}.belief-copy{grid-column:1/-1;max-width:620px;margin-left:auto}.belief-photo img{height:70vw;max-height:650px}}@media(max-width:600px){.belief-collage{grid-template-columns:1fr}.belief-title{position:relative;z-index:2;margin-bottom:-3rem}.belief-title h3{font-size:4rem}.belief-visual{margin-left:2.5rem}.belief-photo img{height:115vw}.belief-copy{margin:0}.belief-note{display:none}.scribble-one{right:0}.philosophy .section-head{margin-bottom:2.5rem}}
.belief-title .playful-belief{display:flex;flex-direction:column;align-items:flex-start;gap:.05em}.belief-title .belief-line{display:flex;white-space:nowrap;transform:none}.belief-title .belief-line-dark{color:var(--ink)}.belief-title .belief-line-accent{color:var(--accent);transform:translateX(1.1rem) rotate(-3deg)}.playful-belief i{display:inline-block;font-style:normal;cursor:default;transform:translateY(0) rotate(var(--letter-angle,0deg));transform-origin:50% 75%;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s ease}.playful-belief i:nth-child(1){--letter-angle:-2deg}.playful-belief i:nth-child(2){--letter-angle:2deg}.playful-belief i:nth-child(3){--letter-angle:-1deg}.playful-belief i:hover,.playful-belief i:active{transform:translateY(-.14em) rotate(0deg)}@media(prefers-reduced-motion:reduce){.playful-belief i{transition:none}.playful-belief i:hover,.playful-belief i:active{transform:translateY(-.06em)}}