@import url('');
:root{--ink:#171717;--sub:#666;--line:#dededb;--bg:#f9f9f6;--paper:#fff;--accent:#b1c5ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}.skip{position:absolute;top:-60px;left:8px;background:white;z-index:10;padding:10px}.skip:focus{top:6px}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(255,255,255,.95);border-bottom:1px solid #e9e9e6;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.logo{font-size:22px;font-weight:900;letter-spacing:-1.4px;white-space:nowrap}.logo span{font-weight:400}.logo i{font-style:normal;color:#8da4d4}.nav{display:flex;gap:29px;font-size:11px;font-weight:700;letter-spacing:1.2px}.nav a:hover,.nav a:focus-visible{color:#687fae}.nav-toggle{display:none}.hero{height:min(800px,calc(100svh - 76px));min-height:570px;position:relative;background:var(--bg);overflow:hidden;padding:33px 5% 29px;display:flex;flex-direction:column;justify-content:space-between}.hero-top,.hero-bottom,.section-head{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.9px;font-weight:700;color:#666}.hero-inner{position:relative;z-index:1;margin:25px 0 42px 2%;max-width:1000px}.eyebrow{letter-spacing:3px;font-size:12px;font-weight:700;margin-bottom:24px}.hero h1{font-size:clamp(72px,12.4vw,192px);line-height:.87;font-weight:900;letter-spacing:-.095em;margin:0 0 38px -8px}.hero h1 em,.section h2 i{font-style:normal;font-weight:400}.hero-copy{font-size:clamp(15px,1.6vw,20px);line-height:1.9;margin-bottom:36px}.arrow-link{display:inline-flex;align-items:center;gap:38px;padding-bottom:10px;border-bottom:1px solid #333;font-size:12px;font-weight:700;letter-spacing:1px}.arrow-link span{font-size:23px}.hero-graphic{position:absolute;width:48vw;height:48vw;max-width:670px;max-height:670px;right:-7%;top:10%;opacity:.75;transform:rotate(-18deg);pointer-events:none}.outline{position:absolute;border:1.5px solid #bec5d0;width:70%;height:70%;transform:rotate(27deg)}.outline-a{top:0;right:10%;border-radius:50%}.outline-b{top:14%;right:23%;border-radius:50%;border-color:#c6c2ba}.outline-c{top:23%;right:3%;background:linear-gradient(140deg,transparent 35%,rgba(174,192,223,.27));border-color:#d7d9dc}.axis{position:absolute;top:55%;left:-15%;height:1px;width:135%;background:#cbd2dd;transform:rotate(-25deg)}.section{padding:100px 5% 115px;scroll-margin-top:74px}.section-head{border-top:1px solid var(--ink);padding-top:16px;margin-bottom:75px}.index{color:#111}.section h2{font-size:clamp(51px,7.5vw,116px);line-height:.94;letter-spacing:-.075em;margin:0;font-weight:850}.about-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:7%}.about h2 span{color:#9aa1ad}.body-copy{padding-top:10px;font-size:17px;line-height:2;word-break:keep-all}.body-copy p+p{margin-top:25px}.body-copy small{display:block;color:#888;font-size:12px}.works,.partners{background:#f6f6f3}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:70px}.section-title p{line-height:1.8;color:#666;font-size:14px}.filters{display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid #aaa;margin-bottom:34px}.filter{border:0;background:transparent;padding:0 0 17px;font-size:12px;font-weight:700;color:#777}.filter span{font-size:10px}.filter.active{color:#111;border-bottom:2px solid #111}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 24px}.work-card[hidden]{display:none}.work-art{height:clamp(220px,34vw,450px);position:relative;overflow:hidden;padding:27px;display:flex;flex-direction:column;justify-content:space-between}.work-art>span{font-size:11px;letter-spacing:2px;z-index:1}.work-art strong{position:relative;z-index:1;font-size:clamp(35px,5vw,78px);font-weight:900;letter-spacing:-.07em;line-height:.95}.art-one{background:#e2e1da}.art-two{background:#d6dde7}.art-three{background:#242a2d;color:#fff}.art-four{background:#e7ded9}.shape{position:absolute}.square{width:54%;height:64%;border:36px solid rgba(255,255,255,.6);right:-3%;top:17%;transform:rotate(16deg)}.ring{width:70%;aspect-ratio:1;border:45px solid rgba(250,250,255,.52);border-radius:50%;right:-16%;top:-14%}.bars{height:120%;width:50%;right:0;top:-10%;background:repeating-linear-gradient(70deg,transparent 0 30px,rgba(255,255,255,.13) 31px 47px)}.offset{width:55%;aspect-ratio:1;border:2px solid rgba(80,70,70,.27);transform:rotate(38deg);right:-3%;top:10%;box-shadow:-40px 38px 0 -1px rgba(252,252,252,.40),-80px 76px 0 -2px rgba(108,108,108,.11)}.work-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:16px}.work-meta h3{font-size:20px;margin:0}.work-meta span{color:#777;font-size:10px;letter-spacing:.5px}.work-card>p{color:#888;font-size:12px;margin-top:9px}.services h2{margin-bottom:70px}.service-list{border-top:1px solid #333}.service-list>div{display:grid;grid-template-columns:60px 1fr 1fr 40px;gap:10px;align-items:center;border-bottom:1px solid #dadada;padding:27px 0}.service-list span{font-size:12px}.service-list h3{font-size:clamp(20px,2.8vw,38px);letter-spacing:-1px;margin:0}.service-list p{font-size:14px;color:#666;margin:0}.service-list b{font-size:26px;font-weight:400;text-align:right}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.partner{border:1px solid #d7d7d2;background:white;padding:28px;min-height:310px;display:flex;flex-direction:column}.partner>span{font-size:11px;color:#777;letter-spacing:1.5px}.partner h3{font-size:clamp(25px,2.8vw,38px);letter-spacing:-1px;margin:70px 0 13px}.partner p{font-size:14px;line-height:1.6}.partner small{margin-top:auto;color:#888}.partner-add{background:#1d1d1d;color:white}.contact{min-height:700px}.contact h2{font-size:clamp(62px,10vw,150px)}.contact-copy{line-height:2;color:#666;margin-top:45px}.contact-placeholder{border-top:1px solid #222;margin-top:70px;padding:25px 0;display:flex;gap:20px;justify-content:space-between;align-items:center}.contact-placeholder span,.contact-placeholder small{color:#777;font-size:12px}.contact-placeholder strong{font-size:17px}.footer{padding:28px 5%;background:#181818;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer .logo{font-size:19px}.footer p,.footer span,.footer>a:last-child{font-size:10px;letter-spacing:1px;color:#b1b1b1;margin:0}@media(max-width:850px){.nav-toggle{display:block;background:none;border:0;font-size:12px;font-weight:bold;letter-spacing:1px}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;flex-direction:column;padding:25px 5%;gap:21px;border-bottom:1px solid #ddd}.nav.open{display:flex}.hero{min-height:580px;height:calc(90svh - 76px)}.hero h1{font-size:clamp(72px,12vw,130px)}.about-grid{grid-template-columns:1fr}.body-copy{max-width:640px;margin-top:40px}.partner-grid{grid-template-columns:1fr 1fr}.contact-placeholder{flex-direction:column;align-items:start}.section-head{margin-bottom:50px}}@media(max-width:600px){.header{height:65px}.nav{top:64px}.logo{font-size:20px}.hero{min-height:530px;padding:24px 6%}.hero-top,.hero-bottom{font-size:8px;letter-spacing:1px}.hero-top span:last-child{display:none}.hero-inner{margin:0}.hero h1{font-size:clamp(58px,13.1vw,85px);letter-spacing:-.085em;margin-left:-3px}.hero-graphic{width:90vw;height:90vw;right:-35%;top:25%}.hero-copy{font-size:15px}.section{padding:68px 6% 80px}.section-head{margin-bottom:40px}.section h2{font-size:clamp(48px,11vw,76px)}.section-title{display:block;margin-bottom:38px}.section-title p{margin-top:28px}.work-grid{grid-template-columns:1fr;gap:40px}.work-art{height:320px}.work-meta{display:block}.work-meta span{display:block;margin-top:8px}.service-list>div{grid-template-columns:36px 1fr 24px;row-gap:10px}.service-list p{grid-column:2;grid-row:2}.service-list b{grid-column:3;grid-row:1}.partner-grid{grid-template-columns:1fr}.partner{min-height:260px}.partner h3{margin-top:55px}.contact{min-height:620px}.footer{display:grid;grid-template-columns:1fr 1fr}.footer p{display:none}.footer>a:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V2: dual-axis filtering and project detail overlay */
.dual-filters{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;border-bottom:1px solid #aaa;padding-bottom:22px;margin-bottom:34px}.filter-block{display:flex;flex-direction:column;gap:9px;min-width:220px;flex:1}.filter-block label{font-size:10px;letter-spacing:1.4px;color:#686868;font-weight:700}.filter-block select{width:100%;border:1px solid #bfc0bc;border-radius:0;padding:13px 38px 13px 12px;background:#fff;color:#171717;font-size:14px}.reset-filters{background:none;border:0;border-bottom:1px solid #333;padding:12px 2px;white-space:nowrap;font-size:12px}.work-count{font-size:11px;letter-spacing:1px;color:#666;margin:0 0 12px auto}.project-open{display:block;background:none;border:0;border-bottom:1px solid #222;margin-top:18px;padding:0 0 7px;font-size:11px;font-weight:700;letter-spacing:1px;text-align:left}.project-open:hover{color:#657caa}.project-dialog{max-width:780px;width:calc(100vw - 36px);max-height:90vh;padding:0;border:0;box-shadow:0 18px 70px #0004}.project-dialog::backdrop{background:rgba(15,15,15,.66)}.dialog-inner{padding:clamp(24px,5vw,56px)}.dialog-close{float:right;background:transparent;border:0;border-bottom:1px solid #111;padding:5px 0;font-size:11px;font-weight:700}.project-dialog h2{font-size:clamp(36px,6vw,65px);letter-spacing:-.06em;line-height:1.08;margin:0 0 28px}.detail-placeholder{height:260px;display:grid;place-items:center;background:linear-gradient(130deg,#e3e3df,#d6dde6);color:#5f656e;text-align:center;font-size:12px;line-height:1.8;letter-spacing:2px}.project-dialog dl{margin:25px 0}.project-dialog dl>div{border-bottom:1px solid #ddd;display:grid;grid-template-columns:110px 1fr;gap:12px;padding:13px 0}.project-dialog dt{font-size:12px;color:#777}.project-dialog dd{font-size:14px;margin:0}.sample-note{font-size:12px;line-height:1.7;color:#666}.work-card[hidden]{display:none}@media(max-width:600px){.filter-block{min-width:100%}.work-count{margin-left:0}.detail-placeholder{height:180px}}

/* v3: Filters removed; show project cards directly. */
.work-grid{margin-top:12px}

/* v4: expanded partner lineup, minimalist typographic cards */
.company-art{isolation:isolate}.company-art .company-title{font-size:clamp(28px,3.3vw,58px);max-width:90%;overflow-wrap:anywhere;line-height:1.04;letter-spacing:-.055em}.company-art .shape{opacity:.55;z-index:0}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner{min-height:260px}.partner h3{margin:45px 0 13px}.project-open:focus-visible{outline:2px solid #171717;outline-offset:4px}@media(max-width:600px){.partner-grid{grid-template-columns:1fr}.company-art .company-title{font-size:clamp(30px,8vw,52px)}}

/* V6: six service cards in the original V2 graphic layout */
.art-ai{background:#d9dedc;color:#181c1a}.ai-lines{width:78%;height:88%;top:7%;right:-15%;transform:rotate(-19deg);border:1px solid rgba(49,73,70,.38);box-shadow:-26px 24px 0 -1px rgba(255,255,255,.32),-52px 48px 0 -1px rgba(68,94,87,.11)}
.art-print{background:#e2ddd7;color:#171717}.print-box{width:62%;height:72%;top:12%;right:-9%;border:32px solid rgba(250,248,242,.65);transform:rotate(8deg);box-shadow:-22px 18px 0 -1px rgba(115,100,90,.12)}
.work-art strong{overflow-wrap:anywhere}.work-card .work-meta h3{word-break:keep-all}
@media(max-width:600px){.art-print .print-box{border-width:22px}}