@charset "UTF-8";
.journal-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}.journal-record{border-top:1px solid #c8c8bb;padding:25px 0;display:flex;flex-direction:column}.record-date{font-size:12px;letter-spacing:.06em;color:#747568}.journal-record h3{font-size:27px;font-weight:550;line-height:1.4;margin-top:24px}.journal-record p{font-size:15px;line-height:1.8;margin:20px 0 25px;color:#65665d}.record-link{font-size:13px;margin-top:auto}.journal-record:hover .record-link{color:#94601e}.archive-note{font-size:12px!important;color:#747568;line-height:1.7;margin-top:8px}@media(max-width:650px){.journal-records{grid-template-columns:1fr;gap:10px;margin-top:32px}.journal-record h3{font-size:25px}.journal-record p{max-width:420px}}
:root{--ink:#171813;--paper:#f4f2e9;--muted:#65665d;--line:#d5d4c9;--accent:#f1b652;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0;background:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h2{font-size:clamp(36px,4.5vw,72px);letter-spacing:-.055em;line-height:1.2;font-weight:650}h3{letter-spacing:-.035em}em{font-style:normal;color:#737468}p{font-size:17px;line-height:1.85;letter-spacing:-.025em}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cb8430;outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;padding:16px;background:white;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}.section-pad{padding:110px 6vw}.eyebrow,.section-label{font-size:12px;letter-spacing:.12em;font-weight:550}.header{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;height:88px;padding:0 4vw;color:white;transition:background .35s,color .35s,height .35s}.header.scrolled{height:74px;background:rgba(244,242,233,.94);color:var(--ink);backdrop-filter:blur(15px);border-bottom:1px solid #17181315}.wordmark{font-size:25px;letter-spacing:-1.4px;font-weight:760;display:inline-flex;align-items:baseline;white-space:nowrap}.wordmark span{font-weight:350}.wordmark i{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:5px}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header nav>a{opacity:.85}.header nav>a:hover{opacity:1}.nav-contact{padding:12px 18px;border:1px solid #ffffff50;border-radius:30px;font-size:14px}.nav-contact span{margin-left:18px}.scrolled .nav-contact{border-color:#17181330}.menu-toggle{display:none}.mobile-nav{display:none}.hero{position:relative;min-height:860px;height:100svh;max-height:1150px;background:#171713;color:var(--paper);overflow:hidden}.hero-visual{position:absolute;inset:-3%;will-change:transform}.hero-visual img{object-position:60% 50%;animation:hero-drift 18s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10110fe8 0%,#11120f84 48%,#11120f0a 100%),linear-gradient(0deg,#10110fd9 0%,transparent 46%,#10110f66 100%)}.hero-content{position:relative;z-index:2;margin:0 6vw;padding-top:clamp(150px,20vh,220px)}.hero-kicker{display:flex;gap:32px;margin-bottom:35px;color:#dedbcf;font-size:12px}.hero-kicker span+span{opacity:.55}.hero h1{font-size:clamp(48px,6.7vw,108px);font-weight:600;letter-spacing:-.06em;line-height:1.16}.hero h1>span{display:block;animation:title-enter 1.2s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.12s}.hero h1>span:nth-child(3){animation-delay:.24s}.hero .last-line{color:var(--accent)}.period{color:var(--paper)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;max-width:1100px;margin-top:45px}.hero-bottom p{color:#e7e5dbb8;font-size:16px;line-height:1.9}.circle-link{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em}.circle-link b{display:grid;place-items:center;border:1px solid #fff5;width:60px;height:60px;border-radius:50%;font-size:22px;font-weight:300;transition:background .25s,transform .25s}.circle-link:hover b{background:#fff2;transform:translateY(5px)}.hero-caption{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#eee8}.section-label{display:flex;justify-content:space-between;margin-bottom:70px;color:#68695c}.section-label span+span{letter-spacing:0}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.intro-copy p+p{margin-top:24px;color:var(--muted)}.signature{margin-top:34px;display:flex;align-items:center;gap:22px}.signature>span{font-size:23px;letter-spacing:.06em;font-weight:600}.signature small{font-size:10px;letter-spacing:.13em;color:var(--muted)}.journey{height:200vh;position:relative;background:#171813;color:var(--paper)}.journey-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center}.journey-photo{position:absolute;inset:0;transform:scale(calc(1 - var(--journey,0)*.06));border-radius:calc(var(--journey,0)*20px);overflow:hidden}.journey-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#12130fe8,#12130f90 52%,#12130f18)}.journey-photo img{object-position:65% center;transform:scale(calc(1.1 - var(--journey,0)*.1))}.journey-heading{position:relative;z-index:2;margin:0 8vw}.journey-heading>.eyebrow{color:var(--accent);display:block;margin-bottom:40px;font-size:11px}.journey h2{font-size:clamp(40px,5vw,80px);line-height:1.38;letter-spacing:-.05em}.journey h2>span{color:var(--accent)}.journey-heading p{margin-top:30px;color:#ffffff9c;font-size:16px}.image-note{position:absolute;bottom:20px;left:24px;font-size:10px;letter-spacing:.13em;color:#fff9;z-index:2}.journey-photo .image-note{left:auto;right:30px}.journey-steps{position:absolute;bottom:65px;left:8vw;right:8vw;display:flex;align-items:center;gap:25px;z-index:2;font-size:13px}.journey-steps span{color:#fff6;transition:color .3s}.journey-steps span.active{color:var(--accent)}.journey-steps i{height:1px;width:8vw;background:#fff3}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}.section-heading p{color:var(--muted);font-size:16px}.work-list{display:grid;grid-template-columns:1fr 1fr;gap:40px}.work-item:nth-child(2){margin-top:120px}.project-open{width:100%;text-align:left;padding:0}.work-image{position:relative;aspect-ratio:1.13;overflow:hidden;border-radius:3px}.work-image img{transition:transform 1s var(--ease);filter:brightness(.85)}.project-open:hover .work-image img{transform:scale(1.06)}.work-badge{position:absolute;top:22px;left:22px;font-size:12px;color:white;border:1px solid #fff5;padding:9px 12px;border-radius:25px;background:#0002;backdrop-filter:blur(8px)}.project-arrow{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:50px;height:50px;background:var(--paper);border-radius:50%;font-size:25px;color:var(--ink);transition:transform .35s}.project-open:hover .project-arrow{transform:rotate(45deg)}.work-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;margin-top:25px;color:#707264}.work-item h3{font-size:clamp(22px,2.2vw,32px);font-weight:600;margin-top:15px}.work-item p{font-size:15px;color:var(--muted);margin-top:12px}.product{background:#222b25;color:#e9edc9;display:flex;flex-direction:column;justify-content:center;padding:12%;isolation:isolate}.product-orbit{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;border:1px solid #d9ebba22;right:-25%;top:-20%;box-shadow:0 0 0 35px #d9ebba08,0 0 0 70px #d9ebba05,0 0 0 105px #d9ebba04;z-index:-1}.product-word{font-size:clamp(30px,4.5vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.05em}.product-word>span{display:block;font-size:1.8em;font-weight:300;line-height:.95;letter-spacing:-.08em}.small-star{font-size:.5em;color:#dbe6af;display:inline-block;vertical-align:middle;margin-left:15px;animation:spin 25s linear infinite}.product-flow{display:flex;align-items:center;gap:15px;margin-top:40px;font-size:12px;color:#dbe6afaa}.product-flow span{padding:7px 12px;border:1px solid #dbe6af44;border-radius:3px}.product-flow b{font-weight:300}.modeling{margin-top:80px;border-top:1px solid var(--line);padding-top:40px;display:grid;grid-template-columns:.6fr 1.4fr 1fr;gap:35px;align-items:start}.modeling .eyebrow{font-size:10px;color:#77786f}.modeling h3{font-size:27px;line-height:1.5;font-weight:550}.modeling p{font-size:15px;color:var(--muted)}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:15px;border-bottom:1px solid currentColor;padding:0 0 9px;width:max-content}.modeling .text-link{grid-column:2;margin-top:-8px}.perspective{background:#e7e7dd}.perspective h2{max-width:900px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:80px}.principles article{border-top:1px solid #bcbeb0;padding-top:25px}.principles article>span{color:#77796b;font-size:12px}.principles h3{margin-top:35px;font-size:24px;font-weight:600}.principles p{margin-top:20px;font-size:16px;color:var(--muted);max-width:330px}.journal{padding-top:100px;padding-bottom:90px}.journal-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.journal h2{margin-top:25px;font-size:clamp(34px,3.6vw,57px)}.pill-link{border:1px solid #bbbdb0;border-radius:40px;padding:16px 22px;font-size:14px;display:flex;gap:25px;align-items:center;white-space:nowrap}.pill-link:hover{background:#e7e7dd}.journal-copy{margin-top:25px;color:var(--muted);font-size:16px}.instagram-strip{margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:30px 0;font-size:12px;letter-spacing:.1em}.instagram-strip:hover{color:#9a6725}.contact{background:var(--accent);padding-top:65px;padding-bottom:80px}.contact-top{display:flex;justify-content:space-between}.contact-top>span+span{letter-spacing:0}.contact h2{font-size:clamp(50px,7.5vw,118px);margin-top:65px;font-weight:550;line-height:1.17}.contact h2 em{color:#171813}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:50px}.contact-bottom p{font-size:16px;color:#4e412b}.contact-button{display:inline-flex;justify-content:space-between;align-items:center;gap:50px;padding:22px 27px;color:var(--paper);background:var(--ink);border-radius:4px;font-size:16px;transition:background .2s,transform .2s}.contact-button:hover{background:#37382d;transform:translateY(-2px)}.contact-button span{font-size:23px}.contact-types{display:flex;gap:25px;margin-top:25px;color:#5a492b;font-size:13px}.contact-types button{padding:8px 0}.contact-types button:hover{text-decoration:underline}footer{background:var(--ink);color:var(--paper);padding:45px 6vw 30px}.footer-top{display:flex;align-items:center;gap:35px;font-size:13px}.footer-top .wordmark{margin-right:auto}.footer-top button{font-size:12px;color:#c9cabc;padding:12px;border:1px solid #fff3;border-radius:25px}.footer-bottom{margin-top:40px;border-top:1px solid #fff2;padding-top:22px;display:flex;justify-content:space-between;gap:25px;color:#a3a594;font-size:11px;line-height:1.7}.page-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--accent);transform:scaleX(var(--progress,0));transform-origin:left;z-index:60;pointer-events:none}dialog{width:min(640px,calc(100% - 32px));max-height:88svh;border:0;padding:0;background:var(--paper);color:var(--ink);border-radius:8px;overscroll-behavior:contain}dialog::backdrop{background:#080a08a8;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-enter .3s var(--ease)}.dialog-close{position:absolute;top:18px;right:18px;width:40px;height:40px;font-size:30px;border:1px solid var(--line);border-radius:50%;z-index:1}.dialog-inner{padding:55px 42px 42px}.dialog-inner .eyebrow{display:block;margin-bottom:22px;color:#757763}.dialog-inner h2{font-size:38px;padding-right:15px}.dialog-inner>p{margin-top:25px;font-size:16px;color:var(--muted)}#project-details{margin:28px 0;border-top:1px solid var(--line);padding-top:20px}#project-details p{font-size:15px;margin-bottom:14px}#project-details strong{display:block;font-size:14px;color:#313329;margin-bottom:6px}#inquiry-form{margin-top:30px}#inquiry-form label{display:block;font-size:14px;margin:22px 0 10px}select,textarea{width:100%;border:1px solid #bfc1b4;border-radius:4px;padding:13px;background:#fff8;color:var(--ink);font-size:16px}textarea{resize:vertical;line-height:1.65}.form-note{font-size:12px;color:#6f7165;margin:18px 0 24px}.dialog-inner .contact-button{width:100%}#copy-status{font-size:13px;min-height:25px;margin:14px 0;color:#4d6746}#inquiry-form .text-link{font-size:14px}.reveal{opacity:1}.motion-enabled .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-enabled .reveal.visible{opacity:1;transform:none}.motion-off *{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}.motion-off .hero-visual,.motion-off .journey-photo,.motion-off .journey-photo img{transform:none!important}.motion-off .journey{height:auto}.motion-off .journey-sticky{position:relative}.motion-off{scroll-behavior:auto}
@keyframes hero-drift{from{transform:scale(1.015)}to{transform:scale(1.085)}}@keyframes title-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-content{margin-left:9vw}.section-pad{padding-left:9vw;padding-right:9vw}}
@media(max-width:1000px){.hero{min-height:760px}.hero h1{font-size:8vw}.intro-grid{gap:6vw}.header nav{gap:24px}.section-pad{padding:85px 6vw}.work-list{gap:25px}.modeling{grid-template-columns:1fr 1.5fr;gap:20px}.modeling .eyebrow{grid-column:1/-1}.modeling .text-link{grid-column:2}.principles{gap:25px}.principles h3{font-size:21px}}
@media(max-width:650px){html{scroll-padding-top:72px}.header{height:74px;padding:0 22px}.header.scrolled{height:64px}.header .wordmark{font-size:23px}.header nav{display:none}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:7px;align-items:center}.menu-toggle span{width:22px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;inset:64px 0 auto;background:var(--paper);color:var(--ink);z-index:29;padding:25px;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.mobile-nav a,.mobile-nav button{text-align:left;padding:6px;font-size:20px}.hero{height:93svh;min-height:660px;max-height:880px}.hero-content{margin:0 24px;padding-top:155px}.hero h1{font-size:clamp(37px,8.8vw,57px);line-height:1.3;letter-spacing:-.06em}.hero-visual img{object-position:63% 50%}.hero-shade{background:linear-gradient(90deg,#11120fbe,#11120f65),linear-gradient(0deg,#11120fe8,transparent 60%)}.hero-kicker{gap:18px;font-size:9px;margin-bottom:25px;letter-spacing:.08em}.hero-bottom{margin-top:32px;display:block}.hero-bottom p{font-size:14px;line-height:1.9}.circle-link{margin-top:30px;justify-content:flex-end}.circle-link>span{font-size:9px}.circle-link b{width:43px;height:43px;font-size:19px}.hero-caption{left:24px;right:24px;bottom:20px;font-size:8px}.section-pad{padding:70px 24px}.section-label{font-size:10px;margin-bottom:40px;gap:20px}.intro-grid{display:block}.intro-grid h2{font-size:36px}.intro-copy{margin-top:30px}.intro-copy p{font-size:15px}.signature{margin-top:25px}.journey{height:160svh}.journey-sticky{height:90svh;min-height:610px}.journey-heading{margin:0 24px}.journey-heading>.eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:28px}.journey h2{font-size:36px;line-height:1.45}.journey-heading p{font-size:14px}.journey-photo:after{background:linear-gradient(90deg,#12130fe5,#12130f85)}.journey-photo img{object-position:57% center}.journey-steps{left:24px;right:24px;bottom:50px;font-size:12px;gap:18px}.journey-steps i{width:9vw}.image-note{font-size:8px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:38px}.section-heading p{font-size:14px;margin-top:22px}.work-list{display:block}.work-item:nth-child(2){margin-top:45px}.work-image{aspect-ratio:1.05}.work-badge{top:17px;left:17px;font-size:11px;padding:7px 10px}.work-meta{font-size:9px;margin-top:19px}.work-item h3{font-size:24px}.work-item p{font-size:14px;margin-top:10px}.product{padding:13%}.product-word{font-size:51px}.product-flow{margin-top:25px;font-size:11px}.project-arrow{width:42px;height:42px;font-size:22px}.modeling{display:block;margin-top:48px;padding-top:28px}.modeling h3{font-size:26px;margin-top:20px}.modeling p{font-size:14px;margin-top:18px}.modeling .text-link{margin-top:25px;font-size:14px}.perspective h2{font-size:34px}.principles{display:block;margin-top:38px}.principles article{margin-top:28px;padding-top:20px}.principles article>span{float:right}.principles h3{margin-top:0;font-size:23px}.principles p{font-size:15px;margin-top:15px;max-width:none}.journal-top{display:block}.journal h2{font-size:34px;margin-top:20px}.journal .pill-link{margin-top:28px;width:max-content;font-size:13px}.journal-copy{font-size:14px}.instagram-strip{margin-top:30px;padding:24px 0;font-size:9px}.contact-top .eyebrow{font-size:9px;letter-spacing:.06em}.contact-top>span+span{display:none}.contact h2{font-size:49px;margin-top:40px;letter-spacing:-.065em}.contact-bottom{display:block;margin-top:27px}.contact-bottom p{font-size:14px}.contact-button{padding:18px 22px;font-size:15px}.contact-bottom .contact-button{margin-top:30px;width:100%}.contact-types{gap:20px;font-size:12px;margin-top:18px}footer{padding:35px 24px 25px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top .wordmark{font-size:22px}.footer-top a:not(.wordmark){font-size:12px}.footer-top button{padding:8px 12px;font-size:11px}.footer-bottom{display:block;margin-top:25px;font-size:9px}.footer-bottom>span{display:block;margin-top:8px}.dialog-inner{padding:60px 24px 30px}.dialog-inner h2{font-size:33px}.dialog-inner>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.journey{height:auto}.journey-sticky{position:relative}.journey-photo,.journey-photo img,.hero-visual{transform:none!important}}