/* Six independent interpretations of the supplied design references. */
body{--canvas:#fafafa;--ink:#161616;--muted:#6c6c6c;--panel:#f0f0ee;--line:#d8d8d4;--action:#161616;--action-ink:#fff;--round:12px;--accent:#161616;background:var(--canvas);color:var(--ink);--bg-canvas:var(--canvas);--bg-card:var(--panel);--text-main:var(--ink);--text-secondary:var(--muted);--text-faint:var(--muted);--border-color:var(--line);--primary:var(--action);--primary-ink:var(--action-ink)}
.site-header{position:relative;background:var(--canvas);border-color:var(--line);backdrop-filter:none}.brand-mark{color:var(--accent)}.nav-links{color:var(--muted)}.btn{background:var(--action);border-color:var(--action);color:var(--action-ink);border-radius:9999px}.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.btn-light{background:transparent;border-color:var(--line);color:var(--ink)}.nav-wrap>.btn{background:transparent;color:var(--ink);border-color:var(--line)}.eyebrow,.section-tag{color:var(--muted)}.concept-nav{max-width:1180px;width:calc(100% - 80px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;color:var(--muted);font:11px/1.5 Consolas,'Malgun Gothic',monospace}.concept-nav>div{display:flex;gap:5px}.concept-nav>div>a{padding:5px 9px;border:1px solid var(--line);border-radius:99px}.concept-nav a[aria-current]{background:var(--ink);color:var(--canvas)}.concept-hero{position:relative;overflow:hidden}.concept-inner{min-height:590px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding-block:60px 85px}.concept-copy{position:relative;z-index:2}.concept-copy h1{font-size:clamp(38px,4.3vw,64px);line-height:1.2;letter-spacing:-2.8px;font-weight:500;margin:25px 0}.concept-copy h1 em{font-style:normal}.concept-copy>p{color:var(--muted);font-size:16px;line-height:1.85}.concept-copy .hero-actions{margin-top:28px}.intro-strip,.service-card,.feature{background:var(--panel);border-radius:var(--round)}.intro-strip h2,.service-card h3,.feature-copy h2{color:var(--ink)}.intro-strip p,.service-card p,.service-card li,.feature-copy p,.section-desc,.contact-copy>p,.process p,.form-help,.social-link{color:var(--muted)}.line-icon,.service-index{color:var(--muted)}.service-card ul li:before{background:var(--canvas);color:var(--muted)}.portfolio{background:var(--canvas)}.gallery-heading h2 span,.gallery-end a{color:var(--ink)}.gallery-total>span,.work-meta,.work-meta span:last-child{color:var(--muted)}.gallery-filter{background:var(--panel);border-color:var(--line);color:var(--ink)}.gallery-filter[aria-pressed=true]{background:var(--action);color:var(--action-ink);border-color:var(--action)}.gallery-search input{background:var(--canvas);color:var(--ink)}.work-card:nth-child(n) .work-art{background:var(--panel);border-radius:var(--round)}.work-card h3{font-weight:500}.work-badge{background:var(--canvas);color:var(--ink)}.gallery-end,.gallery-toolbar,.process li,.contact-note{border-color:var(--line)}.contact-form{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:var(--round)}.contact-form>input,.contact-form textarea{background:var(--canvas);color:var(--ink);border-color:var(--line)}.contact-form fieldset label,.contact-note,.contact-note em{color:var(--muted)}.contact-form input[type=checkbox]{accent-color:var(--action)}.blue-footer{background:var(--panel);color:var(--ink)}.blue-footer .eyebrow,.footer-grid p,.footer-grid h3,.footer-grid>div>a:not(.brand),.footer-bottom{color:var(--muted)}.footer-grid{border-color:var(--line)}.feature-art{background:var(--panel)}.feature-art img{box-shadow:none}.contact-form label span{color:var(--muted)}#work-dialog{--text-main:#f5f6f3;--text-secondary:#c4c8c5;--border-color:#404843;--primary:#a8b8ff}#work-dialog .viewer-bar span,#work-dialog .viewer-footer a{color:#bac9ff}
/* 01 — engineering blueprint */
.theme-blueprint{--canvas:#fafafa;--ink:#000;--muted:#626262;--panel:#fafafa;--line:#000;--action:#000;--accent:#ff5b29;background-image:radial-gradient(#00000015 .7px,transparent .7px);background-size:20px 20px}.theme-blueprint .concept-copy h1{color:#ff5b29;font-weight:650}.theme-blueprint .concept-copy .eyebrow,.theme-blueprint .gallery-total strong{font-family:Consolas,monospace}.blueprint-art{border:1px solid #000;box-shadow:5px 5px #000;border-radius:12px;background:#fafafa;padding:20px;transform:rotate(-2deg)}.blueprint-art svg{width:100%;height:auto}.blueprint-art>span{display:block;border-top:1px solid #000;padding:15px 0 0;font:12px Consolas,monospace}.theme-blueprint .intro-strip{background:#f5ff80;border:1px solid #000}.theme-blueprint .service-card,.theme-blueprint .contact-form{border:1px solid #000;box-shadow:5px 5px #000}.theme-blueprint .work-card:nth-child(n) .work-art{border:1px solid #000}.theme-blueprint .gallery-total strong{color:#ff5b29}.theme-blueprint .portfolio{background:transparent}.theme-blueprint .feature{border:1px solid #000}.theme-blueprint .blue-footer{background:#242424;color:#fafafa;--muted:#bcbcbc;--ink:#fafafa}
/* 02 — architectural restraint */
.theme-minimal{--canvas:#fff;--ink:#090909;--muted:#656560;--panel:#efefed;--line:#d9d9d9;--action:#0057f3;--accent:#090909;--round:16px}.minimal-hero .concept-inner{display:flex;flex-direction:column;justify-content:center;gap:32px;min-height:670px;text-align:center;padding:80px 0}.minimal-hero h1{font-size:clamp(45px,6.3vw,83px);font-weight:400;letter-spacing:-3px}.minimal-hero .hero-actions{justify-content:center}.minimal-caption{font-size:11px;color:#777;letter-spacing:1px}.theme-minimal .section-title,.theme-minimal .section-desc{text-align:center}.theme-minimal .intro-strip{border-radius:0}.theme-minimal .gallery-heading h2{font-weight:400}.theme-minimal .feature{border-radius:16px}.theme-minimal .service-card h3{font-weight:400}.theme-minimal .closing h2{font-size:52px;font-weight:400}
/* 03 — monument-scale portfolio */
.theme-monument{--canvas:#f8f8f8;--ink:#3c3a3e;--muted:#747276;--panel:#efefef;--line:#c9c7cc;--action:#161616;--accent:#ff6436;--round:0px}.theme-monument .site-header,.theme-monument .concept-nav{background:#161616;color:#eee}.theme-monument .site-header{border-color:#333}.theme-monument .concept-nav{max-width:none;width:100%;padding-inline:max(40px,calc((100vw - 1180px)/2))}.theme-monument .site-header .nav-links{color:#bbb}.theme-monument .nav-wrap>.btn{color:#eee;border-color:#666}.monument-hero{background:#161616;color:#eee}.monument-hero .concept-inner{display:block;min-height:840px;padding-block:40px 65px}.monument-hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(90px,13vw,180px);font-weight:900;line-height:.86;letter-spacing:-4px;background:linear-gradient(#666,#f1f1f1);background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:30px 0}.monument-hero .concept-copy>p{color:#aaa;font:12px/1.8 Consolas,'Malgun Gothic',monospace}.monument-hero .eyebrow{color:#aaa}.monument-hero .hero-actions{position:absolute;right:0;bottom:0}.monument-hero .btn{background:#f8f8f8;color:#161616;border-color:#eee}.monument-hero .btn-light{background:transparent;color:#eee}.monitor{width:520px;max-width:90%;margin:35px auto 0;background:#292929;border:9px solid #3c3c3c;transform:perspective(900px) rotateY(-9deg);position:relative}.monitor-screen{display:flex;height:200px;gap:5px;overflow:hidden;background:#e7e6e3;padding:10px}.monitor-screen img{width:32%;object-fit:contain}.monitor>span{display:block;text-align:center;color:#aaa;padding:8px;font:9px Consolas,monospace}.monitor:after{content:'';width:80px;height:25px;position:absolute;bottom:-34px;left:calc(50% - 40px);background:#666}.theme-monument .section-title{font-size:44px;letter-spacing:-2px}.theme-monument .work-art img{filter:none}.theme-monument .blue-footer{background:#161616;color:#eee;--muted:#aaa}.theme-monument .blue-footer h2{font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:-2px}
/* 04 — twilight on parchment */
.theme-twilight{--canvas:#f8f7f2;--ink:#1d1d1c;--muted:#706b67;--panel:#edeae4;--line:#d8d6ce;--action:#1d1d1c;--accent:#7964b5;--round:12px}.twilight-hero{background:radial-gradient(ellipse at 10% 95%,#ffd2ae 0,transparent 55%),radial-gradient(ellipse at 90% 60%,#dcb6d1,transparent 60%),linear-gradient(#40316b,#9374a6 65%,#e8bdac);color:#fff9ee}.twilight-hero:before,.twilight-hero:after{content:'';position:absolute;bottom:-70px;width:65%;height:180px;border-radius:50%;background:#f8f7f2;filter:blur(20px)}.twilight-hero:before{left:-20%}.twilight-hero:after{right:-20%}.twilight-hero .concept-inner{display:block;text-align:center;padding:60px 0 0;min-height:800px}.twilight-hero h1,.theme-twilight .section-title,.theme-twilight .closing h2{font-family:Georgia,'Batang',serif;font-weight:400}.twilight-hero h1{font-size:58px;line-height:1.35}.twilight-hero .eyebrow,.twilight-hero .concept-copy>p{color:#fff0e4}.twilight-hero .hero-actions{justify-content:center}.twilight-hero .btn{background:#fff8ed;color:#342740;border-color:#fff8ed;border-radius:12px}.twilight-hero .btn-light{background:transparent;color:#fff8ed}.dream-cards{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:50px;position:relative}.dream-cards>img{width:150px;height:230px;object-fit:cover;object-position:top;border:8px solid #fff9ed;border-radius:12px;box-shadow:0 12px 20px #70445e25}.dream-cards>img:first-child{transform:rotate(-10deg) translateY(20px)}.dream-cards>img:last-of-type{transform:rotate(9deg) translateY(20px)}.dream-mascot{position:absolute;right:5%;bottom:-15px;width:100px;height:115px;border-radius:45% 48% 35% 40%;background:radial-gradient(circle at 30% 25%,#ffc1bc,#ea8d9e);color:#412336;display:grid;place-content:center;line-height:1}.dream-mascot b{font-size:36px;letter-spacing:12px;margin-left:12px}.dream-mascot span{font-size:30px}.dream-mascot i{width:35px;height:18px;border-radius:100% 0;background:#8baf6a;position:absolute;top:-12px;left:45px;transform:rotate(-25deg)}.theme-twilight .service-card:nth-child(1){background:#e9e0f4}.theme-twilight .service-card:nth-child(2){background:#f4e2d3}.theme-twilight .service-card:nth-child(3){background:#dfebdf}.theme-twilight .btn{border-radius:12px}.theme-twilight .blue-footer{background:#e9e1f0}
/* 05 — backstage stage light */
.theme-stage{--canvas:#151515;--ink:#fffbeb;--muted:#b8b8b8;--panel:#1d201f;--line:#383835;--action:#00b18c;--action-ink:#10251f;--accent:#00b18c;--round:12px}.stage-hero{background:radial-gradient(ellipse at 50% 45%,#00b18c40,transparent 65%)}.stage-hero .concept-inner{display:flex;justify-content:center;align-items:center;min-height:680px;text-align:center}.stage-hero h1{font-size:clamp(42px,5.5vw,75px);font-weight:600;line-height:1.12}.stage-hero h1 em{color:#ff7c8b}.stage-hero .hero-actions{justify-content:center}.stage-hero .eyebrow{color:#ff7c8b}.orbit{position:absolute;inset:60px 6%;border:1px solid #43716855;border-radius:50%;pointer-events:none}.node{position:absolute;display:grid;place-items:center;width:64px;height:64px;background:#222d28;color:#fffbeb;border:1px solid #4b6557;border-radius:50%;font:28px sans-serif}.n1{left:7%;top:5%}.n2{right:4%;top:13%;color:#00b18c}.n3{left:0;bottom:12%;color:#ff7c8b}.n4{right:8%;bottom:0}.theme-stage .service-card{border:1px solid #383835}.theme-stage .section-title,.theme-stage .section-desc{text-align:center}.theme-stage .feature-art{background:#222c28}.theme-stage .blue-footer{background:#101211}.theme-stage .closing{background:radial-gradient(ellipse at center,#00b18c20,transparent 70%)}.theme-stage .blue-footer h2{font-family:var(--font-family);font-weight:600;font-size:50px}.theme-stage .btn-light{color:#fffbeb}.theme-stage .work-art img{filter:none}
/* 06 — midnight greenhouse */
.theme-mint{--canvas:#001d21;--ink:#e0fee6;--muted:#bdcfc8;--panel:#002b31;--line:#335559;--action:#cdcbff;--action-ink:#001d21;--accent:#cdcbff;--round:4px}.mint-hero .concept-inner{display:block;min-height:590px;padding-block:70px 80px}.mint-hero h1{font:400 clamp(70px,8vw,112px)/.98 Georgia,serif;letter-spacing:-5px;margin:30px 0}.mint-hero h1 em{font-style:italic}.mint-signature{position:absolute;right:0;bottom:90px;font:italic 24px/1.5 Georgia,serif;color:#8eb3a2}.theme-mint .nav-links{padding:9px 20px;background:#002b31;border:1px solid #335559;border-radius:9999px}.theme-mint .intro-strip{background:#cdeed3;--ink:#001d21;--muted:#355d52}.theme-mint .section-title,.theme-mint .gallery-heading h2,.theme-mint .closing h2{font-family:Georgia,'Batang',serif;font-weight:400}.theme-mint .feature{background:#5d5337}.theme-mint .feature-art{background:#544a2e}.theme-mint .gallery-total strong{font-family:Georgia,serif;font-size:100px;color:#e0fee6}.theme-mint .blue-footer{background:#002b31}.theme-mint .work-art img{filter:none}.theme-mint .service-card{border:1px solid #335559}.theme-mint .section-space{padding-block:80px}
@media(max-width:900px){.concept-inner{gap:30px}.concept-copy h1{font-size:43px}.minimal-hero h1{font-size:65px}.monument-hero h1{font-size:120px}.twilight-hero h1{font-size:52px}.mint-hero h1{font-size:90px}.mint-signature{font-size:18px}.stage-hero h1{font-size:55px}.concept-copy>p{font-size:14px}.theme-mint .gallery-total strong{font-size:68px}}
@media(max-width:650px){.concept-nav{width:calc(100% - 40px);flex-wrap:wrap;gap:8px;font-size:10px}.concept-nav>span{display:none}.concept-nav>div>a{padding:4px 7px}.concept-inner{grid-template-columns:1fr;min-height:0;padding:50px 0;gap:35px}.concept-copy h1{font-size:37px;letter-spacing:-1.8px}.concept-copy>p{font-size:14px}.hero-actions{gap:8px}.hero-actions .btn{font-size:12px;padding:12px 16px}.blueprint-art{max-width:420px;transform:none}.minimal-hero .concept-inner{min-height:560px;padding:60px 0}.minimal-hero h1{font-size:45px}.theme-minimal .closing h2{font-size:34px}.theme-monument .concept-nav{padding-inline:20px}.monument-hero .concept-inner{min-height:670px;padding-top:40px}.monument-hero h1{font-size:clamp(64px,14vw,90px);letter-spacing:-2px}.monument-hero .hero-actions{position:static;margin-top:20px}.monitor{margin-top:40px;width:90%;transform:none}.monitor-screen{height:150px}.monument-hero .concept-copy>p{font-size:11px}.theme-monument .section-title{font-size:32px}.twilight-hero .concept-inner{min-height:740px;padding-top:50px}.twilight-hero h1{font-size:37px}.dream-cards{gap:8px;margin-top:60px}.dream-cards>img{width:28%;height:170px;border-width:5px}.dream-mascot{right:0;bottom:-70px;width:75px;height:85px}.dream-mascot b{font-size:26px}.stage-hero .concept-inner{min-height:620px}.stage-hero h1{font-size:39px}.orbit{inset:30px -30%}.node{width:44px;height:44px;font-size:20px}.n1{left:25%;top:0}.n2{right:25%;top:0}.n3{left:25%;bottom:0}.n4{right:25%;bottom:0}.theme-stage .blue-footer h2{font-size:34px}.mint-hero .concept-inner{min-height:650px;padding-top:50px}.mint-hero h1{font-size:70px;letter-spacing:-3px}.mint-signature{position:static;margin-top:42px;font-size:19px}.theme-mint .gallery-total strong{font-size:48px}.theme-mint .nav-links{padding:7px 10px;gap:10px}.theme-mint .brand{font-size:14px}.theme-mint .section-space{padding-block:65px}.theme-mint .blue-footer h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
