body[data-page=home]{background-color:#121416;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:54px 54px}.studio-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:660px;padding:65px 0 80px;position:relative}.studio-intro{text-align:left}.studio-intro h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-3.5px;margin-left:0}.studio-intro h1 span{color:#a5a9ad}.hero-actions{justify-content:flex-start}.creative-object{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center}.creative-object svg{position:absolute;width:115%;height:115%;overflow:visible;fill:none;stroke:#ff934f;stroke-width:1.4}.object-orbit{stroke:#ffffff19;transform-origin:250px 250px;animation:orbit-turn 35s linear infinite}.object-zig{stroke-width:2;stroke:#ff934f;fill:#ff8d1707;stroke-dasharray:1400;animation:wire-draw 3s ease-out both}.object-grid{stroke:#ff934f65}.object-dot{fill:#ff934f;stroke:none}.creative-object img{width:37%;height:auto;transform:rotate(-12deg);animation:code-drift 7s ease-in-out infinite;filter:drop-shadow(0 25px 25px #0009)}.craft-section{border-top:1px solid #ffffff20;padding-top:70px}.craft-grid{display:flex;flex-direction:column;gap:0}.craft-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;min-height:300px;border-bottom:1px solid #ffffff1c}.craft-card:nth-child(2){grid-template-columns:1fr 1fr}.craft-card:nth-child(2) .craft-art{grid-column:2;grid-row:1}.craft-card:nth-child(2) .craft-copy{grid-column:1;grid-row:1}.craft-card:hover{transform:none;background:none;box-shadow:none;border-color:#ff934f80}.craft-art{background:none;border:0;height:280px}.category-art{width:200px;height:175px;transform:rotate(-9deg);transition:transform .5s;filter:drop-shadow(0 15px 20px #ff8d1720)}.craft-card:nth-child(2) .category-art{transform:rotate(12deg)}.craft-card:hover .category-art{transform:rotate(0) scale(1.08)}.craft-copy{padding:35px 10px;max-width:420px}.craft-copy>h3{font-size:42px;letter-spacing:-1.5px}.craft-copy p{font-size:15px}.card-link{font-size:13px;max-width:300px}.section-title{max-width:650px}.creative-maker{display:flex;align-items:center;justify-content:center;gap:15px;background:none;border:0;box-shadow:none;transform:rotate(-8deg);height:320px}.creative-maker img{width:140px;height:140px}.maker-bracket{font-family:monospace;font-size:150px;color:#ff934f40}.maker-feature{padding-top:60px}.contact-panel{border-radius:0;border-width:1px 0;background:none;box-shadow:none;padding:50px 0}.contact-art>span{border-radius:4px}.contact-art>span:nth-child(2){transform:rotate(25deg)}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes code-drift{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-14px) rotate(-6deg)}}@keyframes wire-draw{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}@media(max-width:760px){.studio-hero{grid-template-columns:1fr;padding:45px 0 30px;min-height:0}.studio-intro h1{font-size:44px;letter-spacing:-2px}.creative-object{width:85%;margin:10px auto;max-width:400px}.creative-object svg{width:100%;height:100%}.craft-card,.craft-card:nth-child(2){grid-template-columns:90px 1fr;min-height:220px;gap:18px}.craft-card:nth-child(2) .craft-art{grid-column:1;grid-row:1}.craft-card:nth-child(2) .craft-copy{grid-column:2;grid-row:1}.craft-art{height:140px}.category-art{width:90px;height:110px}.craft-copy>h3{font-size:29px}.craft-copy p{font-size:13px}.craft-copy{padding:25px 0}.creative-maker{height:230px}.maker-bracket{font-size:110px}.creative-maker img{width:110px}.contact-panel{padding:30px 0}.section-title h2{font-size:33px}}@media(prefers-reduced-motion:reduce){.creative-object *{animation:none!important}.category-art{transition:none}}

/* Graphite construction surface and pointer depth. */
body[data-page=home]{--paper:#343536;--ink:#f7f7f5;--muted:#c0c1c0;--accent:#ff7900;--line:#ffffff26;background-color:#343536;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:48px 48px}.studio-intro h1 span{color:#d0d0cc}.studio-intro p,.section-title p,.craft-copy p,.maker-copy p,.contact-panel p{color:#c8c9c6}.studio-intro .eyebrow{color:#deded8}.studio-intro .eyebrow i{background:#ff7900}.outline-button{background:#ffffff09;border-color:#ffffff30}.creative-object{isolation:isolate}.creative-object:before{content:"";position:absolute;inset:15%;background:radial-gradient(ellipse,#ff790020,transparent 70%);z-index:-1}.creative-object svg{stroke:#ff7900}.object-zig{stroke:#ff7900;stroke-width:5;fill:#ff790009;filter:drop-shadow(0 0 7px #ff790033)}.object-grid{stroke:#ff7900a0;stroke-width:1.5}.object-orbit{stroke:#ffffff28}.object-dot{fill:#ff7900}.category-art .accent-stroke{stroke:#ff7900}.card-link b{color:#ff7900}.craft-card{border-color:#ffffff26;background:linear-gradient(110deg,#ffffff03,transparent);padding:0 24px}.craft-copy>h3{color:#fff}.creative-maker .maker-bracket{color:#ff790075}.contact-panel{border-color:#ffffff30}.orange-button{background:#ff7900;color:#171717}.contact-art>span{border-color:#ff790090;background:linear-gradient(140deg,#ff790025,transparent)}.contact-art>span:nth-child(2){border-color:#ffffff35}.maker-copy ul{color:#d0d1ce}.maker-copy li:before{color:#ff7900}.footer-bottom{color:#c0c1be}.pointer-depth{transform:perspective(1000px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .18s ease-out;will-change:transform}.pointer-depth:active{filter:brightness(1.06)}.craft-card.pointer-depth:hover{transform:perspective(1000px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg))}.creative-maker.pointer-depth{transform:perspective(1000px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) rotate(-8deg)}@media(max-width:760px){.craft-card{padding:0 8px}.object-zig{stroke-width:4}}@media(prefers-reduced-motion:reduce){.pointer-depth,.creative-maker.pointer-depth,.craft-card.pointer-depth:hover{transform:none;transition:none;will-change:auto}}

/* Shared graphite identity across all pages. */
body{--paper:#343536;--ink:#f7f7f5;--muted:#c0c1c0;--accent:#ff7900;--line:#ffffff26;background-color:#343536;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:48px 48px}.page-intro h1 span,.story-heading h2 span{color:#d0d0cc}.page-intro p,.product-copy>p,.work-card>p{color:#c8c9c6}.header nav a[aria-current=page]:after{background:#ff7900}.footer-bottom{color:#c0c1be}
body[data-page=home] .craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body[data-page=home] .craft-card,body[data-page=home] .craft-card:nth-child(2){display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;border:1px solid #ffffff25;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,#303237e8,#22252be8);box-shadow:inset 0 1px 0 #ffffff07}body[data-page=home] .craft-art{height:220px;border-bottom:1px solid #ffffff08;background:radial-gradient(ellipse at 50% 100%,#ff790010,transparent 70%)}body[data-page=home] .category-art,body[data-page=home] .craft-card:nth-child(2) .category-art{width:175px;height:150px;transform:none}body[data-page=home] .craft-copy{padding:26px;max-width:none;flex:1}body[data-page=home] .craft-copy>h3{font-size:28px;letter-spacing:-.7px;margin:10px 0 14px}body[data-page=home] .craft-copy p{font-size:13px;margin-bottom:25px}body[data-page=home] .card-link{max-width:none;margin-top:auto;font-size:11px}body[data-page=home] .craft-card:hover{border-color:#ff790088}body[data-page=home] .craft-card:hover .category-art{transform:scale(1.04)}@media(max-width:760px){body[data-page=home] .craft-grid{grid-template-columns:1fr}body[data-page=home] .craft-art{height:210px}body[data-page=home] .craft-copy{padding:25px}}

/* Final graphite balance: subtle grid, readable translucent surfaces. */
body,body[data-page=home]{--paper:#222528;--ink:#f4f5f3;--muted:#b9bec1;--line:#ffffff20;background-color:#222528;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:48px 48px}.studio-intro h1 span,.page-intro h1 span,.story-heading h2 span{color:#b5babe}.studio-intro p,.section-title p,.craft-copy p,.maker-copy p,.contact-panel p,.page-intro p,.product-copy>p,.work-card>p{color:#bac0c3}body[data-page=home] .craft-card,body[data-page=home] .craft-card:nth-child(2){background:linear-gradient(140deg,#30343ad9,#1c2026e8);border-color:#ffffff1c;box-shadow:inset 0 1px 0 #ffffff06,0 12px 30px #00000010}.product{background:linear-gradient(135deg,#2b3036dc,#1b2026e8);border-color:#ffffff1b}.work-card,.demo-tile,.projects-overview{background:linear-gradient(135deg,#2c3036dc,#1c2026e8);border-color:#ffffff1b}.demo-tile.identity{background:radial-gradient(ellipse at 0% 0%,#ff79000b,transparent 70%),linear-gradient(135deg,#2c3036dc,#1c2026e8);border-top-color:#ff790060}.personal-contact{background:radial-gradient(ellipse at 0% 50%,#ff79000d,transparent 65%),#252a30e8;border-color:#ffffff24}.external-feature,.next-project,.project-specs,.build-step{background:#252a30e8;border-color:#ffffff20}.demo-tile p,.project-overview-row p{color:#b9bec4}.header{border-bottom-color:#ffffff14}.footer-bottom{color:#aeb5b9}.outline-button{background:#ffffff06;border-color:#ffffff24}.craft-card:hover,.product:hover{border-color:#ff790060}footer{border-top-color:#ffffff18}

body[data-page=home] .section-title p{font-size:16px}body[data-page=home] .craft-copy p{font-size:14px}@media(max-width:760px){body[data-page=home] .section-title p{font-size:15px}body[data-page=home] .craft-copy p{font-size:14px}}

.gallery-enlarge{width:auto;min-height:44px;height:auto;padding:11px 15px;display:flex;align-items:center;gap:9px;background:#fff;color:#171b20;border:1px solid #fff;border-radius:24px;box-shadow:0 3px 16px #0005;font-size:12px;font-weight:600}.gallery-enlarge:hover{background:#ff9533;border-color:#ff9533}.gallery-enlarge svg{width:19px;height:19px}.gallery-count{background:#15191ff2;color:#fff;border:1px solid #ffffff60;padding:9px 14px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #0005}.gallery-thumbnails{gap:12px;flex-wrap:wrap}.gallery-thumb{flex:0 1 calc(25% - 9px);min-width:90px;position:relative;opacity:1;border:2px solid #ffffff30;background:#1b2026;padding:5px;border-radius:10px}.gallery-thumb img{height:110px;object-fit:contain;width:100%;border-radius:5px}.gallery-thumb.active{border-color:#ff7900;box-shadow:0 0 0 1px #ff7900}.thumb-number{position:absolute;left:9px;bottom:9px;background:#15191fec;color:#fff;font-size:11px;padding:3px 7px;border-radius:5px}.gallery-thumb:hover{border-color:#ff9533}.project-video{padding:45px 0 15px}.project-video h2{font-size:30px;letter-spacing:-1px;margin-bottom:22px}.project-video video{display:block;width:100%;max-height:700px;background:#111;border:1px solid #ffffff25;border-radius:16px}.compact-title .personal-name{font-size:15px}@media(max-width:760px){.gallery-thumb{flex-basis:calc(50% - 6px)}.gallery-thumb img{height:95px}.gallery-enlarge{right:12px;top:12px}.gallery-count{left:12px;bottom:12px}.project-video h2{font-size:25px}.compact-title .personal-name{font-size:15px}}

.video-thumb .thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#ff7900;color:#16191d;font-size:22px;box-shadow:0 3px 18px #0008}.custom-video{position:relative;background:#111;aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;isolation:isolate}.custom-video video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.video-big-play{z-index:2;width:72px;height:72px;background:#ff7900;color:#15191f;border:0;border-radius:50%;font-size:30px;box-shadow:0 5px 30px #0008}.video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:18px 14px;background:linear-gradient(transparent,#111b,#111);color:#fff;z-index:3}.video-controls button{border:0;background:#ffffff10;color:#fff;width:34px;height:34px;border-radius:8px;font-size:18px}.video-controls button:hover{background:#ff7900;color:#111}.video-controls input{accent-color:#ff7900;cursor:pointer;min-width:0}.video-seek{flex:1;width:80px}.video-volume{width:65px}.video-time{font-size:11px;white-space:nowrap}.video-menu-wrap{position:relative}.video-menu{position:absolute;right:0;bottom:44px;background:#20252c;border:1px solid #ffffff35;border-radius:12px;padding:15px;min-width:205px;box-shadow:0 8px 25px #0008;font-size:12px}.video-menu label{display:flex;flex-direction:column;gap:9px}.video-menu select{background:#111820;color:#fff;padding:8px;border:1px solid #ffffff30;border-radius:6px}.video-menu .video-pip{width:100%;font-size:12px;margin-top:10px}.video-menu .video-pip:disabled{opacity:.45}.video-error{position:absolute;top:20px;padding:12px;background:#222;color:#fff;z-index:4}.show-video .gallery-count{top:14px;bottom:auto;z-index:4}.custom-video:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}.custom-video:fullscreen video{object-fit:contain}@media(max-width:760px){.video-controls{gap:5px;padding:14px 8px}.video-volume{width:42px}.video-controls button{width:29px}.video-time{font-size:9px}.video-big-play{width:60px;height:60px}}

.custom-video{outline:none}.custom-video>video{cursor:pointer}.video-controls{gap:12px;padding:24px 18px 14px;background:linear-gradient(transparent,#111c 35%,#111e);border-bottom:2px solid #ff7900}.video-controls button{background:transparent;border-radius:50%}.video-controls button:hover{background:#ffffff20;color:#ff9533}.video-toggle{color:#ff9533!important}.seek-wrap{position:relative;flex:1;min-width:40px;display:flex;align-items:center}.video-seek{width:100%;margin:0;flex:1}.volume-wrap{position:relative}.volume-popup{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);padding:16px 10px;background:#20242af2;border:1px solid #ffffff25;border-radius:14px;opacity:0;visibility:hidden;transition:opacity .15s;box-shadow:0 4px 20px #0006}.volume-wrap:hover .volume-popup,.volume-wrap:focus-within .volume-popup{opacity:1;visibility:visible}.video-controls .video-volume{writing-mode:vertical-lr;direction:rtl;width:16px;height:95px;margin:0}.video-mute svg{width:21px;height:21px}.video-mute.muted{color:#ff9533}.video-mute.muted:after{content:'';position:absolute;width:22px;height:2px;background:#ff7900;transform:rotate(-45deg);left:6px;top:16px}.seek-preview{position:absolute;bottom:32px;transform:translateX(-50%);width:144px;background:#181d23;border:1px solid #ff7900a0;border-radius:9px;overflow:hidden;box-shadow:0 5px 25px #0008;pointer-events:none}.seek-preview video{position:static;display:block;width:100%;height:81px;object-fit:contain;background:#111}.seek-preview span{display:block;text-align:center;padding:5px;font-size:11px;color:#fff}.video-big-play{transition:transform .2s,background .2s;background:#ff7900e8}.video-big-play:hover{transform:scale(1.08);background:#ff9533}.video-menu{border-color:#ff790060}.custom-video .video-big-play{position:relative}.seek-wrap input:focus-visible{outline-offset:4px}@media(max-width:760px){.video-controls{gap:7px;padding:24px 10px 12px}.video-controls .video-volume{width:16px}.seek-preview{width:120px}.seek-preview video{height:68px}}

.custom-video .video-controls,.show-video .gallery-count{transition:opacity .2s ease,visibility .2s ease}.custom-video.controls-hidden{cursor:none}.custom-video.controls-hidden .video-controls{opacity:0;visibility:hidden;pointer-events:none}.gallery-stage:has(.custom-video.controls-hidden) .gallery-count{opacity:0;visibility:hidden;pointer-events:none}.custom-video.controls-hidden>video{cursor:none}@media(prefers-reduced-motion:reduce){.custom-video .video-controls,.show-video .gallery-count{transition:none}}

.custom-video .video-big-play{opacity:1;transform:scale(1);visibility:visible;transition:opacity .2s ease,transform .25s ease,visibility .25s}.custom-video .video-big-play:hover{transform:scale(1.08)}.custom-video .video-big-play.play-dismissed{opacity:0;transform:scale(1.22);visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.custom-video .video-big-play{transition:none}}