@font-face{font-family:Neo;src:url('assets/neodgm.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#121516;color:#eef0e8;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c8f59a;outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid #343a37}.wordmark{font-family:Neo,monospace;font-size:19px;letter-spacing:1px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover{color:#c8f59a}.nav-cta{border:1px solid #67765b;padding:9px 18px;color:#d3efb8}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;padding:70px 5% 76px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;color:#bcc2b7}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4vw,58px);line-height:1.3;letter-spacing:-2px;margin:20px 0 24px}h1 span{color:#c8f59a}h2{font-size:32px;line-height:1.4;letter-spacing:-1.2px;margin:10px 0 0}h3{font-size:20px;line-height:1.5}.hero-copy>p{color:#b0b7ae;margin-bottom:30px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:15px;font-weight:700;border:1px solid transparent}.primary{background:#c8f59a;color:#172119;box-shadow:4px 4px 0 #5e7851}.primary:hover{background:#dafbb9}.secondary{color:#edf1e8;background:transparent;border-color:#505c4b}.secondary:hover{background:#283126}.hero-note{display:flex;align-items:center;gap:13px;color:#a8b29e;font:12px Neo,monospace;margin-top:42px}.hero-note span{font-size:28px;color:#c8f59a}.hero-note i{font-style:normal;color:#4f594a}.hero-art{background:#242d24;border:1px solid #48533c;padding:22px 27px 18px;color:#edf0e7;text-align:left;position:relative;box-shadow:12px 12px 0 #0b0e0d}.art-index{display:flex;justify-content:space-between;font:12px Neo,monospace;color:#b0c197;letter-spacing:1px}.hero-art img{display:block;width:100%;height:390px;object-fit:contain;image-rendering:pixelated}.art-caption{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #49533d;padding-top:14px;font-family:Neo,monospace;font-size:22px}.art-caption small{margin-left:12px;font:13px Arial,sans-serif;color:#b5bba9}.expand{font:24px Arial;border:1px solid #758262;line-height:1;width:32px;height:32px;display:grid;place-items:center}.portfolio,.process,.order{padding:64px 5%;border-top:1px solid #343a37}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}.section-heading>p{font-size:14px;color:#a9b3a4;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.card{display:block;width:100%;border:0;background:none;color:inherit;padding:0;text-align:left}.card-image{position:relative;background:#202820;border:1px solid #384134;padding:15px;transition:background .2s}.card:nth-child(3n+2) .card-image{background:#2b2721;border-color:#443d33}.card:nth-child(3n) .card-image{background:#222a2d;border-color:#384348}.card img{display:block;width:100%;height:300px;object-fit:contain;image-rendering:pixelated;transition:transform .2s}.card:hover img{transform:translateY(-5px)}.card:hover .card-image{background:#344032}.card .expand{position:absolute;right:14px;bottom:14px;background:#151a15bb;color:#dde9d3}.card-label{display:flex;align-items:baseline;gap:10px;margin-top:14px}.card-number{font:12px Neo;color:#a7b58e}.card h3{font-family:Neo,monospace;font-size:22px;font-weight:400;margin:0}.card-label small{margin-left:auto;color:#99a38f;font-size:12px}.card p{font-size:14px;color:#a5ada0;margin:6px 0 0}.design-note{font-size:13px;color:#a4ada1;max-width:760px;margin:34px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #626e51;padding-top:22px}.steps article>span{font:28px Neo;color:#c8f59a}.steps h3{margin:17px 0 10px}.steps p{font-size:15px;color:#b0b7ac;margin:0}.order{background:#1a1f1b}.order-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:start}fieldset{border:0;margin:0 0 28px;padding:0}legend{font-size:21px;font-weight:700;border-bottom:1px solid #414b3d;width:100%;margin-bottom:22px;padding-bottom:14px}legend span{font:18px Neo;color:#c8f59a;margin-right:10px}label{font-size:14px;display:block;color:#dde4d6;margin-bottom:18px}input,select,textarea{display:block;width:100%;color:#eef2e8;background:#121713;border:1px solid #46513f;border-radius:0;margin-top:8px;padding:12px;font-size:14px;line-height:1.6}input::placeholder,textarea::placeholder{color:#9ca594;opacity:1}textarea{min-height:88px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brief-panel{position:sticky;top:24px;background:#273022;padding:27px;border:1px solid #546344;box-shadow:7px 7px 0 #11170f}.brief-panel h3{font-size:26px;margin:9px 0}.brief-panel>p{font-size:14px;color:#c2cbb9}.brief-panel textarea{height:430px;font-family:Neo,monospace;font-size:14px;line-height:1.7;background:#182015}.brief-panel .button{width:100%;margin-top:16px}.template{display:block;text-align:center;text-decoration:underline;text-underline-offset:4px;font-size:14px;margin-top:20px;color:#d5e8c0}.brief-panel .status{font-size:13px;min-height:44px;margin:20px 0 0;color:#d2dec7}footer{max-width:1440px;margin:auto;display:flex;gap:25px;align-items:center;padding:33px 5%;color:#aeb7a6}footer span{font-size:13px}footer small{font-size:12px;margin-left:auto}dialog{background:#1b231d;color:#edf3e6;border:1px solid #849b6f;padding:24px;width:min(900px,94vw);max-height:94vh;box-shadow:12px 12px 0 #080d09}dialog::backdrop{background:#030705e8}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:28px Neo;margin:8px 0 0}.modal-head button{background:transparent;border:1px solid #7b8d6a;color:#eaf0e3;font-size:30px;width:44px;height:44px;line-height:1}.modal-image img{display:block;height:58vh;max-height:640px;width:100%;object-fit:contain;image-rendering:pixelated}.modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-bottom button{padding:9px 19px;border:1px solid #60744f;color:#edf1e7;background:#2e3a26;font-size:14px}.modal-bottom p{margin:0;font-size:14px;color:#c3ceba}.modal-hint{text-align:center;font-size:12px;color:#9fac97;margin:16px 0 0}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:50;top:0;left:0;width:auto;height:auto;clip:auto;background:#c8f59a;color:#121516;padding:12px}@media(min-width:1250px){.hero-art img{height:440px}}@media(max-width:900px){.hero{gap:30px;padding-top:45px}.hero-art{padding:18px}.hero-art img{height:330px}.art-caption small{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.order-layout{grid-template-columns:1fr;gap:20px}.brief-panel{position:static}.brief-panel textarea{height:310px}.section-heading{align-items:start}.steps{gap:20px}h2{font-size:28px}}@media(max-width:600px){header{padding:20px 6%}.wordmark{font-size:16px}nav{gap:14px}nav>a:first-child,nav>a:nth-child(2){display:none}.nav-cta{padding:7px 12px;font-size:13px}.hero{grid-template-columns:1fr;padding:42px 6% 48px;gap:35px}.hero-copy h1{font-size:37px}.hero-copy>p{font-size:15px}.hero-note{margin-top:28px}.hero-art img{height:340px}.hero-art{box-shadow:7px 7px 0 #090d0a}.art-caption small{display:inline}.portfolio,.process,.order{padding:44px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:16px}.gallery{gap:28px;grid-template-columns:1fr}.card img{height:330px}.steps{grid-template-columns:1fr;gap:27px}.steps article{padding-top:18px}.steps h3{margin-top:8px}.two{grid-template-columns:1fr;gap:0}.brief-panel{padding:22px}footer{align-items:start;flex-direction:column;gap:8px;padding:30px 6%}footer small{margin-left:0}.modal-image img{height:54vh}.modal-bottom p{font-size:12px}.modal-bottom button{padding:8px 14px}dialog{padding:17px}.modal-hint{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Integer-pixel inspection. Fit previews remain responsive. */
.card:hover img{transform:none}.concept-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.concept-tags span{font-size:12px;border:1px solid #46523d;padding:2px 8px;color:#bccdb0}.zoom-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.zoom-controls button{background:#182015;color:#d8e4cd;border:1px solid #647654;min-height:40px;padding:7px 13px;font-size:14px}.zoom-controls button[aria-pressed=true]{background:#c8f59a;color:#182015;border-color:#c8f59a}.zoom-note{font-size:12px;line-height:1.5;color:#b5c5a8;margin:12px 0}.modal-image{height:48vh;overflow:auto;overscroll-behavior:contain;background:#141a15;scrollbar-color:#8b9d73 #1a2117}.modal-image img{height:100%;max-height:none;max-width:none;object-fit:contain;image-rendering:pixelated}.modal-image.integer-zoom img{object-fit:fill;display:block;max-width:none;max-height:none;margin:0;flex-shrink:0}.modal-bottom{margin-top:16px}@media(max-width:600px){.modal-image{height:43vh}.modal-image img{height:100%}.zoom-controls{gap:6px}.zoom-controls button{padding:6px 10px;font-size:13px}.zoom-note{font-size:12px}.wordmark{letter-spacing:0}}

/* Mongle collection */
.hero-art img{width:256px!important;height:256px!important;margin:28px auto;max-width:none;image-rendering:pixelated}.hero-art{padding:22px;overflow:auto}.art-caption{font-size:20px}.art-caption small{display:none}.card{cursor:default}.art-open{display:block;width:100%;padding:0;background:none;border:0;color:inherit;text-align:left;cursor:pointer}.card img{width:256px!important;height:256px!important;max-width:none;margin:auto}.card-image{padding:18px 8px;overflow:auto}.card p{line-height:1.6;min-height:45px}.card-label h3{font-size:20px}.card-inquiry{margin-top:15px;border:1px solid #59684b;color:#d5e6c4;background:transparent;min-height:42px;width:100%;font-size:14px}.card-inquiry:hover{background:#2d3926}.collection-controls{display:flex;align-items:end;gap:16px;margin:0 0 28px}.collection-controls label{margin:0;width:180px}.collection-controls p{margin:0 0 12px auto;color:#bdc9b3;font-size:14px}.style-inquiry{display:flex;margin:20px auto 0;min-width:220px}.hero{grid-template-columns:1.15fr 1fr}.wordmark{font-size:17px}.modal-image{background-image:linear-gradient(45deg,#232b2280 25%,transparent 25%),linear-gradient(-45deg,#232b2280 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#232b2280 75%),linear-gradient(-45deg,transparent 75%,#232b2280 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.modal-image.integer-zoom img{margin:0 auto}.modal-head h2{font-size:24px}.gallery-empty{color:#b6c4ad}@media(min-width:1350px){.hero-art img{width:512px!important;height:512px!important;margin:18px auto}.hero{gap:4%;grid-template-columns:1fr 1.1fr}.hero-art{padding:18px}}@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.collection-controls{flex-wrap:wrap;gap:12px}.collection-controls label{width:calc(50% - 6px)}.collection-controls p{width:100%;margin:0}.hero-art img{width:256px!important;height:256px!important}.hero-art{padding:18px 10px}.wordmark{font-size:14px}.art-caption{font-size:19px}.modal-head h2{font-size:21px}.modal-image{height:38vh}.card p{min-height:0}}