:root{--orange:#ff5b14;--ink:#171714;--paper:#f3f1eb;--line:#cccac2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #1268d3;outline-offset:5px}.skip{position:absolute;top:-60px;background:white;padding:15px;z-index:10}.skip:focus{top:0}.header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper)}.brand{display:flex;align-items:center;gap:11px}.brand>span{font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:6px}.header nav{display:flex;gap:40px;align-items:center;font-size:13px;font-weight:600}.header sup,.filters sup{font-size:9px;margin-left:3px}.contact-nav{border-bottom:1px solid;padding:12px 0}.contact-nav span{margin-left:24px}.hero{background:var(--orange);padding:35px 5% 0;overflow:hidden}.hero-top,.hero-bottom,.hero-baseline{display:flex;justify-content:space-between;align-items:center}.eyebrow,.hero-index,.hero-baseline,.art-label,.art-foot,.project-meta,.work-footer,.mcp-code{font-family:'Courier New',monospace;font-size:11px;letter-spacing:.5px;font-weight:500}.hero-top .eyebrow{display:flex;gap:10px;align-items:center}.eyebrow i{width:7px;height:7px;background:var(--ink);border-radius:100%;display:inline-block}.hero h1{font-size:clamp(64px,8.7vw,150px);letter-spacing:-.075em;line-height:.98;font-weight:700;margin:67px 0 42px;position:relative;max-width:1450px}.hero h1>span{white-space:nowrap}.hero-arrow{position:absolute;width:9%;right:1%;top:3%;fill:none;stroke:var(--ink);stroke-width:9}.hero-bottom{padding-bottom:54px;gap:30px}.hero-bottom p{font-size:16px;line-height:1.55}.round-link{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:600}.round-link span{width:52px;height:52px;border:1px solid #17171470;border-radius:100%;display:grid;place-items:center;font-size:22px}.round-link:hover span{background:var(--ink);color:var(--orange)}.hero-baseline{padding:21px 0;border-top:1px solid #17171455;font-size:10px}.ticker{display:flex;justify-content:space-around;align-items:center;gap:25px;background:var(--ink);color:var(--paper);padding:24px 3%;font-weight:700;font-size:clamp(13px,1.7vw,27px);letter-spacing:-.5px}.ticker b{font-size:30px;color:var(--orange)}.section{padding:95px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{font-size:clamp(36px,4.3vw,68px);letter-spacing:-3px;line-height:1.04;margin:22px 0 0}.section-heading>p{font-size:15px;line-height:1.65;max-width:340px;margin:0 0 3px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid var(--line);padding:11px 18px;border-radius:30px;background:transparent;font-size:12px}.filters button.active,.filters button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 28px}.project[hidden]{display:none}.project-open{width:100%;border:0;background:none;padding:0;text-align:left;display:block}.project-art{aspect-ratio:1.43;position:relative;overflow:hidden;padding:25px;transition:filter .25s}.project-open:hover .project-art{filter:brightness(1.06)}.project-open:hover .project-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.art-label{position:absolute;top:22px;left:24px;font-size:9px}.art-foot{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:9px}.project-caption{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.project-caption h3{margin:0;font-size:24px;letter-spacing:-.8px}.project-caption p{margin:8px 0 13px;font-size:14px;color:#585851}.project-arrow{width:39px;height:39px;border:1px solid var(--line);border-radius:100%;display:grid;place-items:center;font-size:21px;transition:.2s}.project-meta{font-size:9px;color:#65655e}.art-flow{background:#dddcd0}.flow-diagram{position:absolute;inset:20% 10%;display:flex;align-items:center;justify-content:center}.flow-diagram:before,.flow-diagram:after{content:'';position:absolute;width:85%;height:1px;background:#aaa99c;transform:rotate(27deg)}.flow-diagram:after{transform:rotate(-27deg)}.flow-diagram strong{font-size:clamp(25px,3vw,50px);letter-spacing:-2px;background:var(--ink);color:var(--paper);padding:23px 25px;z-index:1;font-weight:400;box-shadow:8px 8px 0 #b9b9aa}.flow-diagram strong>span{color:#b3cf68}.flow-diagram strong i{font-style:normal;margin-left:10px;color:#b3cf68}.flow-node{position:absolute;border:1px solid #b1b1a1;background:#eeeee5;padding:10px 13px;font-size:11px;z-index:2}.n1{left:0;top:0}.n2{right:0;top:0}.n3{bottom:0;left:0}.n4{bottom:0;right:0}.art-pub{background:#292d80;color:#f6e9b9}.screens{position:absolute;inset:20% 10%;display:flex;align-items:center;justify-content:center;gap:15px;transform:rotate(-6deg)}.screen{border:7px solid #141632;box-shadow:12px 15px 0 #15185480;display:flex}.screen.wide{background:#f3e678;color:#25276b;width:70%;aspect-ratio:1.75;align-items:center;justify-content:space-around;padding:10px;font-size:clamp(15px,2.5vw,40px);font-weight:800;line-height:.9;letter-spacing:-2px}.wide i{font-style:normal;font-size:clamp(12px,1.6vw,25px)}.screen.tall{width:26%;aspect-ratio:.58;background:#ff7351;flex-direction:column;justify-content:space-between;padding:12px;color:#211c2d}.tall b{font-size:clamp(18px,2.8vw,44px);line-height:.87;letter-spacing:-2px}.tall b span{font-size:12px;display:block;margin-top:12px}.tall small{font-size:6px;line-height:1.4}.art-reviews{background:#e8a6b8}.review-type{position:absolute;inset:15% 13%;font-family:Georgia,serif;font-size:clamp(26px,4vw,65px);line-height:1.04;letter-spacing:-2px}.review-type>span{display:block;font-size:100px;height:65px;color:#653247}.review-line{display:flex;gap:7px;margin-top:20px}.review-line i{height:6px;background:#653247;width:24px}.review-line i:nth-child(2){width:40px}.review-line i:nth-child(3){width:70px}.review-type small{display:block;margin-top:16px;font:8px 'Courier New',monospace;letter-spacing:1px}.art-products{background:#c5d2aa}.product-orbit{position:absolute;inset:14% 10%;display:grid;place-items:center}.orbit-circle{width:65%;aspect-ratio:1;border:1px solid #7e8f63;border-radius:100%;position:absolute}.product-orbit strong{font-size:clamp(28px,3.6vw,58px);line-height:1;letter-spacing:-2.5px;z-index:1;text-align:center;font-weight:500}.orbit-tag{position:absolute;background:#f2f2df;border-radius:20px;padding:8px 15px;font-size:10px;z-index:2}.o1{top:0;left:14%;transform:rotate(-10deg)}.o2{top:13%;right:0;transform:rotate(10deg)}.o3{bottom:2%;right:8%;transform:rotate(-10deg)}.o4{left:0;bottom:15%;transform:rotate(8deg)}.art-menu{background:#e9c744}.menu-poster{position:absolute;left:20%;top:14%;width:62%;padding:14px 20px;background:#971d24;color:#f8e6b9;transform:rotate(-7deg);box-shadow:12px 12px 0 #9e7d2160}.menu-poster>span{font-family:Georgia,serif;font-size:15px;font-style:italic}.menu-poster strong{display:block;font-size:clamp(24px,3.6vw,55px);line-height:.9;letter-spacing:-2px;margin:12px 0}.menu-poster i{font-style:normal;color:#f1b444}.menu-poster small{font:6px 'Courier New',monospace}.art-mcp{background:#222723;color:#d1dfcf}.mcp-diagram{position:absolute;inset:33% 9%;display:flex;align-items:center;justify-content:space-between;gap:8px}.mcp-diagram>span{border:1px solid #718570;padding:14px;font:12px 'Courier New',monospace}.mcp-diagram strong{font:700 clamp(35px,5vw,75px) 'Courier New',monospace;letter-spacing:-5px}.mcp-diagram strong span{color:#b9e18e}.mcp-diagram i{font-size:23px;font-style:normal;color:#b9e18e}.mcp-code{position:absolute;top:70%;text-align:center;width:100%;left:0;font-size:9px;color:#9cac99}.work-footer{margin-top:40px;display:flex;justify-content:space-between;gap:20px;color:#64645d;font-size:10px}.work-footer a{color:var(--ink);border-bottom:1px solid;padding-bottom:5px;white-space:nowrap}.approach{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.approach h2{font-size:clamp(35px,4.5vw,70px);letter-spacing:-3px;line-height:1.05;margin:36px 0 50px}.approach em{font-weight:400;font-family:Georgia,serif;color:var(--orange)}.approach-copy{padding-top:30px}.approach-copy .intro{font-size:24px;line-height:1.35;letter-spacing:-.5px;margin:0 0 25px}.approach-copy>p:not(.intro){font-size:14px;color:#b9b9af;line-height:1.8;margin-bottom:35px}.principle{border-top:1px solid #43433c;padding:22px 0;display:flex;gap:25px}.principle>span{font:10px 'Courier New',monospace;color:var(--orange);margin-top:4px}.principle h3{font-size:16px;margin:0 0 8px}.principle p{font-size:13px;color:#b9b9af;line-height:1.5;margin:0}.contact{background:var(--orange)}.contact h2{font-size:clamp(40px,6.6vw,104px);line-height:1.04;letter-spacing:-.065em;margin:37px 0 45px}.contact h2>span{font-family:Georgia,serif;font-weight:400;font-style:italic}.contact h2>a{display:inline-block;margin-left:25px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #17171466;padding-top:27px}.contact-bottom p{font-size:14px;line-height:1.6;margin:0}.contact-bottom>a{font-size:clamp(18px,2.3vw,34px);letter-spacing:-1px;border-bottom:1px solid;padding-bottom:6px}.footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer>.brand>span{font-size:19px}.footer>.brand small{font-size:8px}.footer>span,.footer>div{font-size:10px;color:#62625a}.footer>div{display:flex;gap:22px}dialog{background:var(--paper);color:var(--ink);width:min(720px,90vw);max-height:85vh;padding:55px;border:0;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#111b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:20px;top:18px;border:1px solid var(--line);border-radius:100%;background:transparent;width:34px;height:34px}dialog h2{font-size:46px;letter-spacing:-2px;line-height:1.05;margin:24px 0}#dialog-intro{font-size:22px;line-height:1.4}#dialog-body{font-size:15px;line-height:1.8;color:#53534b}#dialog-links{margin-top:25px;display:flex;flex-wrap:wrap;gap:20px}#dialog-links a{padding-bottom:6px;border-bottom:1px solid;font-size:13px}body.modal-open{overflow:hidden}@media(min-width:1700px){.section,.hero,.header,.footer{padding-left:max(5%,calc((100vw - 1550px)/2));padding-right:max(5%,calc((100vw - 1550px)/2))}}@media(max-width:760px){.header{height:85px}.header nav{gap:22px}.header nav>a:nth-child(2){display:none}.header nav>a:first-child{font-size:11px}.header .brand>span{font-size:20px}.hero{padding-top:24px}.hero-top .eyebrow{font-size:8px}.hero-index{font-size:9px}.hero h1{font-size:clamp(47px,10.4vw,80px);margin:55px 0 30px}.hero-arrow{top:-20px;width:11%}.hero-bottom{align-items:start;flex-direction:column;gap:15px;padding-bottom:30px}.hero-bottom p{font-size:14px}.round-link{font-size:12px}.round-link span{width:36px;height:36px}.hero-baseline{font-size:7px}.ticker{gap:12px;font-size:11px;padding:15px 4%}.ticker b{font-size:19px}.section{padding:60px 5%}.section-heading{align-items:start;flex-direction:column;gap:23px;margin-bottom:30px}.section-heading h2{letter-spacing:-1.8px;font-size:40px}.section-heading>p{font-size:14px;max-width:450px}.filters{gap:7px}.filters button{font-size:10px;padding:9px 12px}.project-grid{grid-template-columns:1fr;gap:35px}.project-caption h3{font-size:22px}.project-caption p{font-size:13px}.project-art{aspect-ratio:1.3}.flow-diagram strong{font-size:38px}.screen.wide{font-size:35px}.wide i{font-size:23px}.tall b{font-size:34px}.review-type{font-size:48px}.product-orbit strong{font-size:46px}.menu-poster strong{font-size:46px}.mcp-diagram strong{font-size:60px}.work-footer{flex-direction:column;align-items:start;line-height:1.5;gap:13px}.approach{grid-template-columns:1fr;gap:20px}.approach h2{font-size:48px;letter-spacing:-2px;margin:27px 0}.approach-title>img{width:60px;height:60px}.approach-copy{padding-top:10px}.contact h2{font-size:clamp(35px,7.5vw,56px);letter-spacing:-2px}.contact h2>a{margin-left:5px}.contact-bottom{align-items:start;flex-direction:column;gap:25px}.contact-bottom>a{font-size:25px}.footer{flex-wrap:wrap;gap:25px}.footer>div{width:100%;justify-content:space-between}.footer>span{font-size:9px}dialog{padding:40px 25px}dialog h2{font-size:37px}#dialog-intro{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
