*{box-sizing:border-box}body{margin:0;background:#f2f1ed;color:#111;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bbb}.brand{font-weight:900}.site-nav ul{display:flex;gap:28px;list-style:none}.site-nav a,.menu-toggle{font-size:12px;font-weight:800}.menu-toggle{display:none;background:none;border:0}.hero{min-height:calc(100vh - 76px);padding:5vh 4vw 4vw;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-label,.meta{font-size:11px;font-weight:800;letter-spacing:.12em}.hero h1,.display{margin:0;font-size:clamp(65px,12vw,190px);line-height:.78;letter-spacing:-.075em}.hero-bottom{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.section{padding:110px 4vw}.section-label{margin-bottom:55px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:5vw}.intro h2{font-size:clamp(42px,6vw,90px);line-height:1;letter-spacing:-.06em;margin:0 0 45px}.intro p{font-size:clamp(18px,2vw,27px);line-height:1.75;max-width:780px}.text-link{display:inline-block;margin-top:35px;border-bottom:1px solid;font-size:12px;font-weight:800}.dark{background:#0d0d0d;color:#f4f3ef}.now .display,.journal .display{font-size:clamp(55px,9vw,145px)}.now-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:80px;border-top:1px solid #555}.now-grid article{padding:30px 0 55px;border-bottom:1px solid #555}.now-grid article:nth-child(even){padding-left:5vw;border-left:1px solid #555}.now-grid h3{font-size:clamp(25px,3vw,48px);margin:25px 0 8px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw 2vw;margin-top:75px}.journal-thumb{aspect-ratio:4/3;background:#d5d4cf;overflow:hidden}.journal-thumb img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;background:linear-gradient(135deg,#ddd,#aaa)}.journal-card h3{font-size:clamp(21px,2vw,32px);line-height:1.1;margin:12px 0}.meta{margin-top:14px}.projects{background:#deddd7}.project-list{border-top:1px solid}.project-list a{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:30px 0;border-bottom:1px solid}.project-list strong{font-size:clamp(28px,5vw,72px);letter-spacing:-.055em}.project-list em{font-size:11px;font-style:normal}.move{min-height:80vh;display:flex;flex-direction:column;justify-content:flex-end}.move .display{font-size:clamp(65px,11vw,170px)}.principle-list{list-style:none;padding:0;border-top:1px solid}.principle-list li{display:grid;grid-template-columns:80px 1fr;padding:22px 0;border-bottom:1px solid;font-size:clamp(25px,5vw,75px);font-weight:900;letter-spacing:-.05em}.principle-list span{font-size:11px;padding-top:10px}.site-footer{background:#0b0b0b;color:#fff;padding:90px 4vw 35px}.footer-statement{font-size:clamp(75px,15vw,230px);line-height:.75;font-weight:900;letter-spacing:-.08em}.footer-meta{margin-top:90px;padding-top:25px;border-top:1px solid #555;display:flex;justify-content:space-between;font-size:11px}.single{max-width:1400px;margin:auto;padding:100px 4vw}.single header{max-width:1100px;margin-bottom:60px}.single h1{font-size:clamp(50px,8vw,125px);line-height:.92;letter-spacing:-.065em}.cover{margin-bottom:70px}.prose{max-width:760px;margin:auto;font-family:Georgia,serif;font-size:18px;line-height:2}
@media(max-width:760px){.site-header{height:64px;padding:0 20px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#111;color:#fff;padding:25px 20px}.site-nav.open{display:block}.site-nav ul{display:block;padding:0}.site-nav li{border-bottom:1px solid #444}.site-nav a{display:block;padding:18px 0;font-size:18px}.hero{min-height:calc(100svh - 64px);padding:25px 20px}.hero h1{font-size:22vw}.hero-bottom{display:block}.section{padding:80px 20px}.section-label{margin-bottom:35px}.intro{display:block}.intro h2{font-size:13vw}.intro p{font-size:17px}.now .display,.journal .display{font-size:15vw}.now-grid{display:block;margin-top:55px}.now-grid article,.now-grid article:nth-child(even){padding:25px 0 40px;border-left:0}.post-grid{grid-template-columns:1fr;gap:50px}.project-list a{grid-template-columns:40px 1fr}.project-list em{grid-column:2}.project-list strong{font-size:9vw}.move .display{font-size:17vw}.principle-list li{grid-template-columns:45px 1fr;font-size:8vw}.footer-statement{font-size:21vw}.single{padding:70px 20px}.single h1{font-size:13vw}.prose{font-size:17px}}/* v0.2 — motion + SHOTOLOG graphic language */
:root{--line:rgba(17,17,17,.18);--ease:cubic-bezier(.2,.75,.25,1)}
body{overflow-x:hidden}.site-header{position:sticky;top:0;background:rgba(242,241,237,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:30}.brand{letter-spacing:-.04em}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.site-nav a:hover:after{transform:scaleX(1);transform-origin:left}
.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:25vw 25vw;opacity:.28}.hero>*{position:relative}.hero-top{display:flex;justify-content:space-between;align-items:center}.crosshair{font-size:28px;font-weight:200}.hero-title{perspective:1000px}.hero-title span{display:block;transform:translateY(115%);opacity:0;animation:heroIn 1.05s var(--ease) forwards}.hero-title span:nth-child(2){animation-delay:.09s}.hero-title span:nth-child(3){animation-delay:.18s}@keyframes heroIn{to{transform:translateY(0);opacity:1}}.scroll-mark{position:absolute;right:4vw;bottom:8vw;writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;animation:float 2.4s ease-in-out infinite}@keyframes float{50%{transform:translateY(8px)}}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}.hero[data-reveal]{opacity:1;transform:none}.journal-card,.project-list a{transition:transform .4s var(--ease),opacity .4s}.journal-card:hover{transform:translateY(-7px)}.project-list a:hover{transform:translateX(10px)}
.now-grid article{position:relative;overflow:hidden}.now-grid article:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.now-grid article:hover:after{transform:scaleX(1)}
.move{position:relative;overflow:hidden;min-height:92vh}.move:before{content:"";position:absolute;width:52vw;height:52vw;max-width:760px;max-height:760px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-12vw;top:50%;transform:translateY(-50%)}.move:after{content:"+";position:absolute;right:13vw;top:50%;transform:translate(50%,-50%);font-size:46px;font-weight:200;color:rgba(255,255,255,.55)}.move>*{position:relative;z-index:1}.log-graphic{position:absolute!important;top:40px;right:4vw;display:flex;gap:24px;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.65)}.parallax-type{will-change:transform}
.principle-list li{transition:padding-left .35s var(--ease),background .35s}.principle-list li:hover{padding-left:12px;background:rgba(0,0,0,.035)}.section-label:before{content:"+ ";font-weight:400}.site-footer{position:relative;overflow:hidden}.site-footer:after{content:"LOG / END";position:absolute;right:4vw;top:35px;font-size:9px;letter-spacing:.16em;color:#777}
@media(max-width:760px){.hero:before{background-size:50vw 50vw}.hero-top{align-items:flex-start}.scroll-mark{display:none}.log-graphic{right:20px;top:25px;gap:10px;flex-direction:column;text-align:right}.move:before{width:90vw;height:90vw;right:-40vw}.move:after{right:5vw}.journal-card:hover,.project-list a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-title span,[data-reveal]{opacity:1!important;transform:none!important}}
/* v0.3 — editorial pages, photo system, reading experience */
.page-hero{min-height:72vh;padding:9vw 4vw 7vw;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--line)}.page-hero h1{margin:0;font-size:clamp(64px,11vw,175px);line-height:.8;letter-spacing:-.075em}.page-hero .lede{max-width:820px;margin:55px 0 0 auto;font-size:clamp(18px,2vw,28px);line-height:1.6}.editorial-split{display:grid;grid-template-columns:1fr 2fr;gap:6vw}.editorial-split h2{margin:0 0 45px;font-size:clamp(50px,8vw,120px);line-height:.85;letter-spacing:-.07em}.editorial-split p{max-width:760px;font-size:clamp(18px,2vw,26px);line-height:1.8}.manifesto{min-height:78vh;display:flex;flex-direction:column;justify-content:center}.manifesto-copy{margin:0;font-size:clamp(75px,15vw,220px);font-weight:900;line-height:.73;letter-spacing:-.08em}.manifesto-ja{font-size:clamp(20px,3vw,42px);margin:45px 0 0}.now-stack{border-top:1px solid #555}.now-stack article{display:grid;grid-template-columns:180px 1fr;gap:3vw;padding:48px 0;border-bottom:1px solid #555}.now-stack span,.project-cases span{font-size:10px;letter-spacing:.15em;font-weight:800}.now-stack h2{font-size:clamp(42px,7vw,100px);letter-spacing:-.06em;margin:0}.now-stack p{max-width:650px;font-size:17px;line-height:1.8}.project-cases{padding-top:0}.project-cases article{display:grid;grid-template-columns:120px 1fr;padding:60px 0;border-bottom:1px solid}.case-no{font-size:11px;font-weight:800}.project-cases h2{font-size:clamp(48px,9vw,135px);line-height:.85;letter-spacing:-.07em;margin:20px 0}.project-cases p{max-width:720px;font-size:18px;line-height:1.75}.photo-strip{display:grid;grid-template-columns:3fr 1fr;min-height:68vh;background:#c9c7c0}.photo-placeholder{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:4vw;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:80px 80px}.photo-placeholder:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;font-weight:200;opacity:.25}.photo-placeholder span{font-size:clamp(32px,6vw,95px);font-weight:900;letter-spacing:-.06em}.photo-placeholder small{margin-top:15px;letter-spacing:.12em}.photo-note{background:#111;color:#fff;padding:35px;display:flex;align-items:flex-end;font-size:11px;letter-spacing:.16em;writing-mode:vertical-rl}.single{padding-top:9vw}.single header{border-bottom:1px solid var(--line);padding-bottom:45px}.single .cover{max-width:1200px;margin-left:auto;margin-right:auto}.prose{font-size:19px}.prose>p:first-child{font-size:1.25em}.prose h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,5vw,58px);line-height:1.05;letter-spacing:-.045em;margin:2em 0 .6em}.prose h3{font-family:Arial,Helvetica,sans-serif;font-size:28px;margin-top:2em}.prose blockquote{margin:3em 0;padding:0 0 0 25px;border-left:2px solid;font-size:1.25em}.prose img{margin:3em calc(50% - 50vw);width:100vw;max-width:none}.prose a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.page-hero{min-height:68svh;padding:70px 20px 45px}.page-hero h1{font-size:18vw}.page-hero .lede{margin-top:35px;font-size:17px}.editorial-split{display:block}.editorial-split h2{font-size:14vw}.manifesto-copy{font-size:20vw}.now-stack article{display:block;padding:35px 0}.now-stack h2{margin-top:18px;font-size:13vw}.project-cases article{grid-template-columns:42px 1fr;padding:42px 0}.project-cases h2{font-size:13vw}.photo-strip{grid-template-columns:1fr;min-height:65svh}.photo-note{writing-mode:horizontal-tb;min-height:70px}.photo-placeholder{padding:25px}.prose img{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}}
.section-link{display:inline-block;margin-top:32px}.page-hero{padding-top:160px;min-height:58vh;display:flex;flex-direction:column;justify-content:flex-end}.page-lead{max-width:720px;margin-top:28px;font-size:clamp(16px,2vw,22px);line-height:1.8}.journal-pagination{grid-column:1/-1;display:flex;gap:14px;margin-top:36px}.journal-pagination .page-numbers{font-size:12px;letter-spacing:.08em;text-decoration:none}.journal-pagination .current{border-bottom:1px solid currentColor}