*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;font-weight:500}h1,h2,h3,a{overflow-wrap:break-word}p{max-width:60ch}.direction-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;color:#282b30;border-bottom:1px solid #ddd;padding:10px 22px;font:12px/1.4 'IBM Plex Sans',sans-serif;min-height:53px}.direction-bar nav{display:flex;gap:4px}.direction-bar nav a{padding:7px 10px;border-radius:3px;white-space:nowrap}.direction-bar nav a:hover{background:#eee}.direction-bar nav a[aria-current]{background:#252a30;color:#fff}.direction-bar nav span{opacity:.65;margin-right:5px}.preview-tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#666}.compare{white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:50;padding:14px;background:#fff;color:#222}.skip:focus{top:60px}.site{max-width:1600px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:24px;line-height:1}.brand svg{width:34px;height:34px;fill:currentColor;flex-shrink:0}.studio{display:block;font:9px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.22em;margin-top:5px}.nav>nav{display:flex;gap:34px;align-items:center;font-size:13px}.contact-link{border-bottom:1px solid currentColor;padding-block:9px}.eyebrow{font:10px/1.6 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:var(--bg);padding:17px 22px;font-size:14px;min-height:52px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.section-head h2{font-size:48px;letter-spacing:-.045em}.app-visual{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;height:340px;background:var(--panel)}.app-visual img{height:285px;width:auto;box-shadow:0 12px 24px #00000015;transition:transform .3s}.app-card:hover img{transform:translateY(-6px)}.category{position:absolute;bottom:15px;left:16px;font:10px 'IBM Plex Mono',monospace;text-transform:uppercase;background:var(--bg);color:var(--ink);padding:7px 9px}.app-name{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:16px}.app-name h3{font-size:26px}.app-name>span{font-size:24px}.app-card>p{font-size:15px;line-height:1.7;margin-top:12px;max-width:43ch}.service-links{border-top:1px solid var(--line);margin-block:22px}.service-links a{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);font-size:19px}.service-links span{font:10px 'IBM Plex Mono',monospace;opacity:.7}.service-links b{font-weight:400;margin-left:auto}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 5%;padding:35px 0;border-top:1px solid var(--line);font-size:12px}footer small{font-size:10px}.footer-name{font-weight:600}
/* 01 — architectural specification sheet */
.drafting{--bg:#eeede5;--ink:#203c4a;--line:#b8c2c2;--panel:#dce2df;--sans:'IBM Plex Sans',sans-serif}.drafting .brand{font-weight:600;letter-spacing:-1px}.drafting .nav{padding-block:24px}.d-hero{display:grid;grid-template-columns:1.14fr 1fr;margin:0 5%;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.d-copy{padding:65px 42px 35px 0}.d-copy .eyebrow{margin-bottom:42px}.d-copy h1{font-size:clamp(50px,5.7vw,86px);letter-spacing:-.065em;line-height:1.04}.d-copy .intro{max-width:40ch;font-size:18px;line-height:1.65;margin:30px 0}.d-signoff{display:flex;align-items:center;gap:18px;margin-top:55px;font:11px/1.6 'IBM Plex Mono',monospace}.cross{font-size:30px;font-weight:400}.drawing{border-left:1px solid var(--line);background:#203c4a;color:#deeaeb;padding:22px;display:flex;flex-direction:column;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:24px 24px}.drawing-top,.drawing-bottom{display:flex;justify-content:space-between;font:9px/1.6 'IBM Plex Mono',monospace;letter-spacing:.08em}.drawing-top{border-bottom:1px solid #829ba5;padding-bottom:15px}.drawing img{width:100%;flex:1;min-height:300px;object-fit:contain}.drawing-bottom{border-top:1px solid #829ba5;padding-top:15px}.d-work{padding:75px 5%}.drafting .section-head{align-items:center}.drafting .section-head h2{font-size:36px;letter-spacing:-.05em}.drafting .section-head>a{font-size:12px}.d-projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.drafting .app-visual{border:1px solid var(--line);background-image:linear-gradient(#203c4a0a 1px,transparent 1px),linear-gradient(90deg,#203c4a0a 1px,transparent 1px);background-size:32px 32px}.drafting .app-1 .app-visual{background-color:#d4dcde}.other-work{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.other-work>a{display:grid;gap:8px;border-top:1px solid var(--line);padding:20px 0;font-size:20px}.other-work span{font-size:12px}.d-studio{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding:65px 5%;background:#e3e4da}.d-studio h2{font-size:45px;letter-spacing:-.04em;margin:24px 0}.d-studio p:not(.eyebrow){line-height:1.8;font-size:17px}.drafting .service-links{margin-top:24px}
/* 02 — human, literary, editorial */
.editorial{--bg:#f5f0e6;--ink:#342e29;--line:#b9afa0;--panel:#e4dbce;--sans:'DM Sans',sans-serif}.editorial .brand{font-family:'DM Serif Display',Georgia,serif;font-size:29px}.editorial .nav{border:0}.editorial h1,.editorial h2,.editorial h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400}.e-hero{padding:0 5% 70px}.issue-line{display:flex;justify-content:space-between;padding:14px 0;border-block:1px solid var(--line);font-size:11px}.e-hero h1{font-size:clamp(60px,8.2vw,118px);letter-spacing:-.055em;line-height:1.02;margin:55px 0 35px;text-align:center}.e-hero h1 em{color:#985541;font-weight:400}.e-intro{display:grid;grid-template-columns:100px 1fr 230px;align-items:center;gap:34px;max-width:970px;margin:auto}.e-intro p{font-size:17px;line-height:1.65;max-width:47ch}.e-intro>a{font-size:13px;line-height:2}.e-intro>a span{border-bottom:1px solid #985541}.e-flower{font-size:84px;color:#985541;line-height:1}.e-work{padding:0 5% 70px}.editorial .section-head{border-top:1px solid var(--line);padding-top:17px;font-size:11px}.e-feature{display:grid;grid-template-columns:.95fr 1.2fr;background:#e6d7c6;min-height:550px}.e-feature-copy{padding:45px}.e-feature h2{font-size:82px;letter-spacing:-.045em;margin:32px 0 26px}.e-feature h2 em{color:#985541}.e-feature p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:34ch}.underlined{display:inline-block;margin-top:24px;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px}.e-photo{display:flex;align-items:center;justify-content:center;background:#a9b5a3;position:relative;overflow:hidden}.e-photo img{height:425px;width:auto;transform:rotate(6deg);box-shadow:20px 20px 0 #34473c28}.photo-note{position:absolute;left:24px;top:24px;font:italic 20px 'DM Serif Display',serif;color:#283d30}.e-small-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.editorial .app-visual{height:280px}.editorial .app-visual img{height:236px}.editorial .app-2 .app-visual{background:#ecd4bc}.editorial .app-3 .app-visual{background:#ddd8e3}.editorial .app-0 .app-visual{background:#d4d9c9}.editorial .category{display:none}.editorial .app-name h3{font-size:28px}.e-letter{display:grid;grid-template-columns:.65fr 1fr;border-top:1px solid var(--line);padding:70px 5%;gap:45px}.e-letter h2{font-size:58px;letter-spacing:-.035em;margin-bottom:28px}.e-letter p:not(.eyebrow){font-size:17px;line-height:1.8;margin-top:18px;max-width:50ch}.editorial footer{font-family:'DM Sans',sans-serif}.editorial .footer-name{font-family:'DM Serif Display',serif;font-size:22px;font-weight:400}
/* 03 — heavy equipment, high contrast, no decorative chrome */
.industrial{--bg:#232522;--ink:#edeee5;--line:#565850;--panel:#343730;--sans:'IBM Plex Sans',sans-serif}.industrial .nav{padding-block:22px}.industrial .brand{font-family:'Barlow Condensed',sans-serif;font-size:30px;text-transform:uppercase;font-weight:600}.industrial .studio{color:#fba077}.industrial h1,.industrial h2,.industrial h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase}.i-hero{padding:32px 5% 50px}.i-status{display:flex;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:.07em}.i-status i{display:inline-block;width:7px;height:7px;margin-right:8px;background:#fb8c54}.i-hero h1{font-size:clamp(82px,13vw,190px);line-height:.86;letter-spacing:-.02em;margin:65px 0 42px}.i-hero h1>span{color:#fa8e54}.i-hero-bottom{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:32px}.i-arrow{font-size:85px;line-height:1;color:#fa8e54}.i-hero-bottom p{max-width:43ch;font-size:16px;line-height:1.7;color:#c6c9bf}.industrial .button{background:#fa8e54;color:#232522;font:12px 'IBM Plex Mono',monospace;font-weight:500}.i-work{margin:25px 5% 0;border-top:1px solid var(--line)}.industrial .section-head{margin:0;padding:30px 0}.industrial .section-head h2{font-size:56px;letter-spacing:0}.i-project{display:grid;grid-template-columns:60px 1fr 190px 55px;gap:30px;align-items:center;border-top:1px solid var(--line);padding:24px 0;min-height:220px}.i-project:last-child{border-bottom:1px solid var(--line)}.i-num{align-self:start;font:14px 'IBM Plex Mono',monospace;color:#fa8e54;padding-top:7px}.i-project h3{font-size:50px;margin:10px 0 14px}.i-project p:not(.eyebrow){color:#c6c9bf;font-size:15px;max-width:44ch}.i-project .eyebrow{color:#c6c9bf}.i-screen{height:195px;background:#363a33;display:flex;justify-content:center;overflow:hidden;padding-top:16px}.i-screen img{width:auto;height:220px}.i-go{font-size:42px;text-align:right}.i-project:hover .i-go{color:#fa8e54}.i-services{padding:75px 5%;background:#2b2e28;margin-top:65px}.i-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:34px}.i-service-grid h2{font-size:100px;line-height:.94}.i-service-grid h2 span{color:#fa8e54}.i-service-grid p{font-size:18px;line-height:1.7;max-width:46ch}.industrial .service-links a{font-size:19px}.industrial footer{margin-top:0;padding-block:35px}
/* 04 — sunny, graphic, curious */
.playful{--bg:#fffdf4;--ink:#263eb7;--line:#b8c1e4;--panel:#dce6f3;--sans:'Manrope',sans-serif}.playful .brand{font-weight:800;letter-spacing:-1.2px}.playful .nav{border:0}.playful h1,.playful h2,.playful h3{font-weight:800;letter-spacing:-.065em}.playful .contact-link{border:1px solid var(--ink);border-radius:30px;padding:10px 18px}.p-hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:50px 5% 85px;align-items:center}.p-hero h1{font-size:clamp(65px,7.7vw,110px);line-height:1.02;margin:25px 0}.p-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;max-width:35ch;margin-top:18px}.playful .button{border-radius:32px;margin-top:30px;font-weight:600;padding-inline:25px}.p-collage{height:485px;position:relative}.p-label{position:absolute;top:4px;right:24px;font-size:13px;transform:rotate(5deg)}.p-tile{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:26px;width:66%;height:320px;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.p-tile>span{font-size:11px;font-weight:600}.p-tile strong{font-size:36px;line-height:1.1;letter-spacing:-.05em}.tile-one{left:0;top:34px;background:#f5ca51;transform:rotate(-7deg);z-index:1}.tile-two{right:0;bottom:0;background:#b5d9f2;transform:rotate(7deg);z-index:2}.rhythm{display:flex;align-items:center;gap:9px;height:54px}.rhythm i{display:block;width:9px;height:20px;background:var(--ink);border-radius:6px}.rhythm i:nth-child(2n){height:43px}.rhythm i:nth-child(3n){height:56px}.p-tile .p-star{font-size:75px;line-height:1}.p-work{padding:65px 5%;background:#eaf0fc}.p-work .section-head{align-items:center}.p-work h2{font-size:56px}.p-work .section-head>p{font-size:15px;line-height:1.7}.p-projects{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.playful .app-visual{height:300px;border-radius:100px 100px 8px 8px;background:#f2d078}.playful .app-visual img{height:245px;box-shadow:none}.playful .app-1 .app-visual{background:#b9d9e9}.playful .app-0 .app-visual{background:#c8d7b2}.playful .app-3 .app-visual{background:#d8c3e5}.playful .category{display:none}.playful .app-name h3{font-size:22px;letter-spacing:-.05em}.playful .app-card>p{font-size:14px;line-height:1.7}.p-about{display:grid;grid-template-columns:.85fr 1fr;gap:80px;padding:90px 5%;align-items:center}.p-hello{font-size:80px;line-height:1;font-weight:800;letter-spacing:-.07em;background:#f5ca51;border-radius:50%;aspect-ratio:1;width:min(100%,360px);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg);border:2px solid var(--ink)}.p-hello span{font-size:80px;line-height:1}.p-about h2{font-size:50px;margin:25px 0}.p-about p:not(.eyebrow){font-size:17px;line-height:1.8;margin-top:16px;max-width:46ch}.playful footer{padding-block:35px}
@media(min-width:1600px){body:not(.gallery){background-image:linear-gradient(#00000008,#00000008)}.site{background:var(--bg)}}
@media(max-width:1100px){.direction-bar{gap:10px;padding-inline:14px}.preview-tag{display:none}.d-copy{padding-right:26px}.d-copy h1{font-size:64px}.p-projects{grid-template-columns:1fr 1fr;gap:32px}.p-tile{width:75%}.p-tile strong{font-size:32px}.i-hero-bottom{grid-template-columns:60px 1fr;gap:20px}.i-hero-bottom .button{grid-column:2;justify-self:start}.i-arrow{font-size:60px}.e-intro{grid-template-columns:80px 1fr 180px;gap:25px}.e-feature h2{font-size:70px}.d-studio{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:105px}.direction-bar{display:block;padding:8px 12px;font-size:11px}.direction-bar .compare{display:inline-block;margin:0 0 6px}.direction-bar nav{overflow-x:auto;gap:3px}.direction-bar nav a{padding:7px 8px;font-size:10px}.direction-bar nav span{margin-right:2px}.nav{padding:23px 6%;gap:20px}.brand{font-size:21px}.brand svg{width:29px;height:29px}.nav>nav{gap:17px;font-size:12px}.nav>nav>a:not(.contact-link){display:none}.site{width:100%}.section-head{align-items:start;flex-wrap:wrap;gap:16px}.section-head h2{font-size:35px}.app-visual{height:300px}.app-visual img{height:254px}footer{margin-inline:6%;gap:18px;display:grid;grid-template-columns:1fr}footer a{width:fit-content}.d-hero{grid-template-columns:1fr;border:0;margin-inline:6%}.d-copy{padding:42px 0}.d-copy .eyebrow{margin-bottom:28px}.d-copy h1{font-size:clamp(47px,10vw,68px)}.d-copy .intro{font-size:17px}.d-signoff{margin-top:32px}.drawing{border:0;min-height:395px}.drawing img{min-height:240px;max-height:320px}.d-work{padding:50px 6%}.drafting .section-head{display:grid}.drafting .section-head h2{font-size:32px}.d-projects{grid-template-columns:1fr;gap:35px}.other-work{grid-template-columns:1fr;gap:10px;margin-top:30px}.d-studio{grid-template-columns:1fr;gap:30px;padding:50px 6%}.d-studio h2{font-size:38px}.e-hero{padding:0 6% 45px}.issue-line{gap:15px;font-size:10px}.issue-line span:last-child{display:none}.e-hero h1{font-size:clamp(44px,10.9vw,74px);margin:40px 0 30px;text-align:left}.e-intro{grid-template-columns:48px 1fr;gap:20px}.e-flower{font-size:50px;align-self:start}.e-intro p{font-size:16px}.e-intro>a{grid-column:2}.e-work{padding:0 6% 45px}.e-feature{grid-template-columns:1fr}.e-feature-copy{padding:30px}.e-feature h2{font-size:65px;margin:24px 0}.e-photo{height:390px}.e-photo img{height:305px;margin-top:25px}.photo-note{font-size:17px;top:15px;left:18px}.e-small-projects{grid-template-columns:1fr;gap:35px;margin-top:35px}.editorial .app-visual{height:320px}.editorial .app-visual img{height:275px}.e-letter{grid-template-columns:1fr;gap:24px;padding:45px 6%}.e-letter h2{font-size:43px}.i-hero{padding:25px 6% 40px}.i-status{font-size:8px;line-height:1.8;gap:20px}.i-status span{max-width:19ch}.i-hero h1{font-size:clamp(66px,14.5vw,107px);margin:45px 0 30px}.i-hero-bottom{grid-template-columns:40px 1fr;gap:15px}.i-arrow{font-size:45px;align-self:start}.i-hero-bottom p{font-size:15px}.industrial .button{font-size:10px;padding:16px}.i-work{margin:0 6%}.industrial .section-head h2{font-size:43px}.industrial .section-head .eyebrow{font-size:8px}.i-project{grid-template-columns:24px 1fr 60px;gap:12px;min-height:180px;position:relative;padding:25px 0}.i-num{font-size:10px}.i-project h3{font-size:32px;overflow-wrap:anywhere}.i-project p:not(.eyebrow){font-size:13px;line-height:1.7}.i-project .eyebrow{font-size:8px}.i-screen{height:105px;padding-top:9px}.i-screen img{height:120px;max-width:none}.i-go{display:none}.i-services{padding:45px 6%;margin-top:45px}.i-service-grid{grid-template-columns:1fr;gap:35px;margin-top:25px}.i-service-grid h2{font-size:78px}.i-service-grid p{font-size:16px}.industrial .service-links a{font-size:17px}.p-hero{grid-template-columns:1fr;padding:35px 6% 60px;gap:40px}.p-hero h1{font-size:76px}.p-hero-copy>p:not(.eyebrow){font-size:17px}.p-collage{height:440px;margin:0 10px}.p-tile{width:70%;height:290px;padding:22px}.p-tile strong{font-size:31px}.tile-one{top:20px}.p-label{right:0;top:-5px;font-size:10px}.p-work{padding:45px 6%}.p-work h2{font-size:44px}.p-projects{grid-template-columns:1fr;gap:32px}.playful .app-visual{height:330px;border-radius:130px 130px 8px 8px}.playful .app-visual img{height:285px}.playful .app-name h3{font-size:27px}.p-about{grid-template-columns:1fr;padding:50px 6%;gap:35px}.p-hello{width:245px;font-size:58px}.p-hello span{font-size:55px}.p-about h2{font-size:43px}.playful .contact-link{padding:9px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Keep every direction visible on small screens. */
@media(max-width:760px){html{scroll-padding-top:130px}.direction-bar nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:3px}.direction-bar nav a{white-space:normal;padding:7px 8px}.direction-bar{min-height:98px}}
/* A familiar name-tag sticker, with a handwritten introduction. */
.p-introduction{position:relative;width:min(100%,440px);padding:113px 18px 24px 8px;justify-self:center}
.p-hello-note{position:absolute;top:0;left:12px;background:#f5ca51;border:2px solid var(--ink);border-radius:50%;padding:23px 29px;font-size:25px;font-weight:800;letter-spacing:-.05em;transform:rotate(-8deg)}
.p-hello-arrow{position:absolute;top:12px;right:5px;width:170px;height:114px;z-index:2;transform:rotate(8deg)}
.p-name-tag{border:7px solid #fffefa;border-radius:17px;background:#fffefa;box-shadow:2px 7px 0 #263eb716,0 12px 28px #292c4110;transform:rotate(-5deg);overflow:hidden;outline:1px solid #dadbd4}
.p-name-tag-header{background:var(--ink);color:#fffefa;text-align:center;padding:16px 12px 12px;display:grid;gap:0}
.p-name-tag-header strong{font-size:54px;line-height:1;letter-spacing:.07em;font-weight:800}
.p-name-tag-header>span{font-size:24px;font-weight:500;line-height:1.4}
.p-name-tag-name{font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(55px,6.2vw,84px);line-height:1.6;color:#252626;text-align:center;letter-spacing:-.055em;transform:rotate(-3deg);padding:6px 12px 10px}
.p-name-tag-foot{height:14px;background:var(--ink)}
@media(max-width:760px){.p-introduction{max-width:360px;padding-top:104px;margin-bottom:15px}.p-hello-note{font-size:22px;padding:19px 23px;left:4px}.p-hello-arrow{width:140px;height:100px;top:8px;right:0}.p-name-tag-header strong{font-size:46px}.p-name-tag-header>span{font-size:21px}.p-name-tag-name{font-size:66px}}
@media(max-width:360px){.p-name-tag-name{font-size:56px}.p-hello-note{font-size:20px}.p-hello-arrow{width:120px}}
/* Product sheets: larger, uncropped originals with room for the app story. */
.p-work .section-head{margin-bottom:38px}
.p-project-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.p-project-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:24px;padding:32px 26px;min-height:490px;border:1px solid #263eb72b;border-radius:8px;background:#fffdf4;color:#263eb7;transition:border-color .2s,box-shadow .2s}
.p-project-sheet:hover{border-color:#263eb7;box-shadow:0 5px 0 #263eb712}
.p-project-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-block:8px}
.p-project-info .eyebrow{font-size:9px;letter-spacing:.025em;line-height:1.7}
.playful .p-project-info h3{font-size:clamp(23px,2.25vw,35px);letter-spacing:-.065em;margin:23px 0 27px;overflow-wrap:normal}
.p-project-hook{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.045em;margin-bottom:17px}
.p-project-description{font-size:14px;line-height:1.8;max-width:26ch}
.p-project-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #263eb765;padding:10px 0 6px;font-size:13px;font-weight:600;margin-top:auto;width:100%}
.p-project-link>span{font-size:22px}
.p-project-screen{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:17px}
.p-project-screen img{width:100%;height:auto;max-width:200px;aspect-ratio:560/1212;object-fit:contain;border-radius:7px;box-shadow:0 8px 22px #23284717;outline:1px solid #2328470c}
.p-project-screen figcaption{font:8px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.035em;color:#4f5775;text-align:center}
.stride-sheet{background:#fff8e9}.road-sheet{background:#edf6f9}.field-sheet{background:#f1f4e9}.trivia-sheet{background:#f4eff8}
/* A real drafting-room detail, adapted to the playful studio palette. */
.p-build{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding:90px 7%;border-bottom:1px solid var(--line)}
.p-blueprint{margin:0;background:#263eb7;color:#f5f4e9;padding:24px;transform:rotate(-2deg);border:1px solid #2438a3;box-shadow:8px 9px 0 #e6e9f6;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:25px 25px}
.p-blueprint .drawing-top{font-size:8px;letter-spacing:.05em;border-color:#ffffff65}
.p-blueprint>img{width:100%;height:auto;aspect-ratio:5/4;object-fit:contain;padding-block:15px}
.p-blueprint figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #ffffff65;padding-top:18px}
.p-blueprint figcaption>span:first-child{font-family:'Permanent Marker',cursive;font-size:21px}
.p-blueprint figcaption .eyebrow{font-size:8px;letter-spacing:.03em}
.p-build-copy h2{font-size:clamp(43px,4.5vw,64px);margin:23px 0 26px}
.p-build-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;max-width:40ch;margin-top:17px}
.p-build-services{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:24px;font-size:12px}
.p-build-services a{border-bottom:1px solid #263eb76b;padding-bottom:4px}
@media(min-width:1500px){.p-project-sheet{padding:38px;gap:36px}.p-project-screen img{max-width:220px}}
@media(max-width:1100px) and (min-width:761px){.p-project-sheet{grid-template-columns:1fr;gap:28px;padding:28px}.p-project-info{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.p-project-info .eyebrow,.playful .p-project-info h3{grid-column:1/-1}.playful .p-project-info h3{font-size:32px;margin:0}.p-project-hook{font-size:22px;margin:0}.p-project-description{font-size:13px}.p-project-link{grid-column:1/-1}.p-project-screen img{max-width:205px}.p-build{gap:40px;padding-inline:5%}}
@media(max-width:760px){.p-project-sheets{grid-template-columns:1fr;gap:24px}.p-project-sheet{padding:26px 22px;grid-template-columns:1fr;gap:26px;min-height:0}.p-project-info{display:block;padding:0}.playful .p-project-info h3{font-size:32px;margin:13px 0 18px}.p-project-hook{font-size:22px;margin-bottom:13px}.p-project-hook br{display:none}.p-project-description{max-width:40ch;font-size:15px}.p-project-link{width:fit-content;gap:40px;margin-top:16px}.p-project-screen{padding:5px 0 2px}.p-project-screen img{max-width:225px}.p-project-screen figcaption{font-size:9px}.p-build{grid-template-columns:1fr;gap:40px;padding:55px 7%}.p-blueprint{padding:19px;max-width:460px;justify-self:center;width:100%}.p-blueprint .drawing-top{font-size:7px}.p-blueprint figcaption>span:first-child{font-size:19px}.p-build-copy h2{font-size:47px}.p-build-copy>p:not(.eyebrow){font-size:16px}.p-build-services{font-size:12px}}

/* Production shell uses shared site navigation and footer. */
.production-home main{max-width:1600px;margin-inline:auto}.production-home .site-footer{margin:0;padding:40px 5%;max-width:none;display:block;background:var(--paper);border-top:1px solid var(--rule)}.production-home .footer-inner{max-width:1440px}.production-home .site-nav{z-index:30}.production-home .site-nav .logo-word{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.05em}.production-home .p-hero{padding-top:50px}