@font-face{font-family:DemoPretendard;src:url('../../font/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:DemoPretendard;src:url('../../font/Pretendard-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:136px}body{margin:0;font-family:DemoPretendard,Pretendard,sans-serif;color:#182126;line-height:1.65;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6b7eff;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{display:block;max-width:100%}.section-label{font-size:11px;letter-spacing:.13em;font-weight:700;line-height:1.5}.demo-container{width:calc(100% - 48px);max-width:1180px;margin:auto}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70cb9b;margin-right:6px}.project-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:13px 23px;background:var(--accent,#4b6bff);color:var(--button-text,#fff);font-size:14px;font-weight:700;border:1px solid transparent;border-radius:5px;transition:transform .2s,filter .2s}.project-button:hover{filter:brightness(.94);transform:translateY(-2px)}.quiet-link{display:block;font-size:13px;margin-top:17px;color:inherit}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:15px 0 28px}.section-heading h2{font-size:34px;line-height:1.35;letter-spacing:-.04em}.section-heading>p{color:#718078;font-size:14px}.section-caption{margin-top:14px;font-size:12px;color:var(--muted,#748177)}
/* Sales gallery */
.demo-hub{background:#fff}.hub-hero{padding:70px 0 48px;background:linear-gradient(120deg,#f5f7ff,#f9fafb 62%,#f5f9f3)}.hub-hero .section-label{color:#4b6bff;margin-bottom:26px}.hub-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.hub-heading h1{font-size:52px;line-height:1.25;letter-spacing:-.055em;font-weight:800}.hub-heading h1 span{color:#5367ed}.hub-heading>p{font-size:15px;line-height:1.9;color:#6b7387;padding-bottom:5px}.hub-meta{margin-top:44px;padding-top:18px;border-top:1px solid #dde3ef;display:flex;justify-content:space-between;color:#7a8296;font-size:11px;letter-spacing:.08em}.hub-meta i{margin-right:7px}.hub-gallery{padding-top:34px;padding-bottom:64px}.demo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-card{min-width:0;border:1px solid #e8ebef;border-radius:10px;overflow:hidden;display:block;transition:box-shadow .25s,transform .25s;background:#fff}.demo-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #16234812}.demo-card-art{height:225px;position:relative;overflow:hidden;background:var(--hero)}.demo-card-open{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffffdc;font-size:19px;color:#15231b}.demo-card-copy{padding:23px}.demo-card-copy>span{font-size:11px;color:#7c8492;letter-spacing:.04em}.demo-card-copy h2{font-size:22px;letter-spacing:-.035em;margin:8px 0}.demo-card-copy p{font-size:13px;line-height:1.7;color:#71808a;min-height:44px}.demo-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0 22px}.demo-card-tags em{font-size:10px;padding:3px 7px;background:#f4f6f8;font-style:normal;color:#6a7481;border-radius:3px}.demo-card-copy strong{font-size:12px;display:flex;justify-content:space-between;align-items:center}.demo-guide-card{padding:35px 29px;background:#f1f4fe;border-radius:10px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.demo-guide-card .section-label{color:#6c7fbd}.demo-guide-card h2{font-size:28px;line-height:1.4;letter-spacing:-.035em;margin:20px 0}.demo-guide-card p{color:#6b7691;font-size:14px;margin-bottom:27px}.demo-guide-card .project-button{font-size:12px;min-height:46px;gap:12px}.demo-guide-card .quiet-link{color:#6b7691;font-size:12px}.hub-notice{font-size:12px;color:#8891a4;line-height:1.8;margin-top:25px}.hub-notice i{margin-right:6px}.hub-bottom{padding:45px 0 70px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e7ebf3}.hub-bottom h2{font-size:36px;line-height:1.4;letter-spacing:-.04em}.hub-bottom p{font-size:14px;color:#738098;margin-bottom:20px}
/* Different project identities */
.theme-contest,.dc-contest{--accent:#c3f35e;--button-text:#193223;--hero:#ecf1de;--ink:#193a29;--muted:#73816a;--paper:#fafbf5;--line:#dce4d0}.theme-support,.dc-support{--accent:#2369e8;--button-text:#fff;--hero:#edf4ff;--ink:#153f76;--muted:#74859c;--paper:#fff;--line:#dae5f6}.theme-recruit,.dc-recruit{--accent:#c7ff65;--button-text:#161a29;--hero:#171d2b;--ink:#f6f7fb;--muted:#a1abbd;--paper:#fff;--line:#dce1e9}.theme-survey,.dc-survey{--accent:#7866d8;--button-text:#fff;--hero:#f4f0fc;--ink:#38304c;--muted:#93879d;--paper:#fbf9fd;--line:#e8e1f1}.theme-company,.dc-company{--accent:#4b573f;--button-text:#fff;--hero:#eeebe3;--ink:#373b30;--muted:#898c7e;--paper:#fdfcf8;--line:#deded3}.demo-project{background:var(--paper)}.experience-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;height:60px;padding:0 35px;background:#fff;border-bottom:1px solid #e9ecf2;color:#27334a}.experience-brand{display:flex;align-items:center;gap:9px;color:#4b6bff;font-weight:800;font-size:25px}.experience-brand>span{display:flex;flex-direction:column;font-size:12px;line-height:1.4;letter-spacing:.015em}.experience-brand small{font-size:8px;color:#8790a6;letter-spacing:.13em}.experience-note{font-size:11px;color:#8b93a3}.consult-link{background:#4b6bff;color:#fff;padding:8px 15px;border-radius:5px;font-size:12px;font-weight:700;display:flex;gap:14px;align-items:center;min-height:36px}.demo-switch{position:sticky;top:60px;z-index:29;display:flex;justify-content:center;gap:4px;padding:6px 20px;background:#f7f9fc;border-bottom:1px solid #e9ecf2;overflow:auto;scrollbar-width:thin}.demo-switch a{font-size:11px;white-space:nowrap;color:#8992a3;padding:5px 15px;border-radius:4px}.demo-switch a[aria-current]{color:#4b6bff;background:#e9edff;font-weight:700}.project-nav{width:calc(100% - 80px);max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;height:85px}.project-brand{font-size:21px;font-weight:800;letter-spacing:-.025em;color:var(--ink)}.project-nav nav{display:flex;gap:30px;color:var(--ink);font-size:12px}.project-nav nav a:last-child{font-weight:700}.project-hero{width:calc(100% - 80px);max-width:1220px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding:36px 0 70px;color:var(--ink)}.hero-copy .section-label{margin-bottom:24px;font-size:10px}.hero-copy h1{font-size:54px;line-height:1.22;letter-spacing:-.055em;font-weight:800}.hero-description{margin:23px 0 29px;font-size:15px;line-height:1.8;color:var(--muted)}.hero-features{margin-top:27px;display:flex;gap:14px;flex-wrap:wrap}.hero-features span{font-size:10px;color:var(--muted);padding-right:14px;border-right:1px solid var(--line)}.hero-features span:last-child{border-right:0}.hero-art{min-width:0;height:425px;overflow:hidden;border-radius:4px;background:var(--hero)}.project-facts{background:var(--hero);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:calc(100% - 80px);max-width:1220px;margin:auto;padding:28px 0}.project-facts dl>div{border-right:1px solid var(--line)}.project-facts dl>div:last-child{border:0}.project-facts dt{font-size:10px;color:var(--muted);margin-bottom:4px}.project-facts dd{font-size:13px;margin:0;font-weight:700}.theme-recruit{background:#171d2b}.theme-recruit .project-facts{--line:#32394c}.theme-recruit .project-hero{padding-top:28px;padding-bottom:60px}.theme-recruit .project-nav{--ink:#fff}.theme-recruit .hero-copy h1{font-size:58px}.theme-recruit .hero-copy .section-label{color:#c7ff65}.theme-recruit .project-section{color:#fff}.theme-recruit .section-caption{color:#a1abbd}.theme-recruit .operation-section,.theme-recruit .project-cta,.theme-recruit .project-footer{background:#f8f9fb}.theme-company .project-hero{grid-template-columns:1fr 1.1fr;gap:50px}.theme-company .hero-copy h1{font-size:51px}.theme-company .hero-art{height:450px}.theme-company .project-button{border-radius:0}.theme-company .project-brand{font-size:23px;letter-spacing:.03em}.theme-survey .project-hero{padding-top:40px;padding-bottom:60px}.theme-survey .hero-copy h1{font-size:51px}.theme-survey .project-button{border-radius:30px}.theme-survey .project-facts{background:#fff}.theme-support .hero-copy .section-label{color:#2369e8}.theme-support .project-button{border-radius:7px}
/* Artwork: code-native, no external images */
.morrow-art,.local-art,.mono-art,.dayform-art,.field-art{width:100%;height:100%;position:relative;overflow:hidden}.morrow-art{background:#d8ebad;color:#244b32;padding:22px;background-image:linear-gradient(#57783315 1px,transparent 1px),linear-gradient(90deg,#57783315 1px,transparent 1px);background-size:32px 32px}.art-index{position:absolute;top:23px;left:25px;font-size:10px;letter-spacing:.12em;font-weight:700}.art-caption{position:absolute;bottom:21px;left:25px;right:25px;font-size:10px;font-weight:700;line-height:1.5;display:flex;justify-content:space-between;align-items:flex-end}.art-caption>span{font-size:28px}.morrow-orbit{position:absolute;width:290px;height:290px;top:47%;left:50%;transform:translate(-50%,-50%) rotate(-12deg)}.morrow-petal{position:absolute;background:#214e33;border-radius:50% 50% 40% 50%;width:155px;height:155px}.morrow-petal.p1{top:0;left:0}.morrow-petal.p2{top:0;right:0;transform:rotate(90deg);background:#407148}.morrow-petal.p3{bottom:0;right:0;transform:rotate(180deg);background:#557c43}.morrow-petal.p4{bottom:0;left:0;transform:rotate(270deg);background:#2c603a}.morrow-orbit>span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#e9f5d2;font-size:52px;line-height:.95;font-weight:800;letter-spacing:-.07em}.local-art{background:#d8e9ff;color:#164d99;background-image:radial-gradient(#2a6fdc35 .8px,transparent .8px);background-size:12px 12px}.local-buildings{position:absolute;inset:20% 12% 16%;display:flex;align-items:flex-end;gap:13px;transform:skewY(-12deg)}.local-buildings>span{width:20%;background:#4a8afa;height:30%;box-shadow:12px 8px 0 #1e5dbf}.local-buildings>span:nth-child(2){height:48%;background:#2168e8}.local-buildings>span:nth-child(3){height:67%;background:#438bff}.local-buildings>span:nth-child(4){height:90%;background:#2254b5}.local-buildings>i{position:absolute;left:4%;top:-5%;font-style:normal;font-size:110px;font-weight:400;color:#fff}.mono-art{background:#222b40;color:#d4ff93;padding:24px}.mono-grid{position:absolute;inset:20% 9% 17%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.mono-grid b{font-size:54px;line-height:.95;letter-spacing:-.08em}.mono-star{font-size:112px;color:#b6b0fa;line-height:1;text-align:center}.mono-circle{border-radius:50%;background:#d4ff93;color:#253047;font-size:64px;width:110px;height:110px;display:grid;place-content:center;transform:rotate(-15deg)}.mono-art .art-index{color:#b9c1d4}.mono-art .art-caption{color:#b9c1d4}.dayform-art{background:#eee6f7}.dayform-note{position:absolute;width:61%;height:43%;padding:19px;border-radius:10px;background:#fff9eb;box-shadow:0 15px 30px #453b6a13;font-size:12px;font-weight:700;display:flex;flex-direction:column;justify-content:space-between}.dayform-note span{font-size:42px}.dayform-note.note1{top:10%;left:5%;transform:rotate(-9deg);color:#85713b}.dayform-note.note2{top:36%;right:5%;transform:rotate(9deg);background:#bfb0ed;color:#443c60}.dayform-note.note2 .note-face{font-size:76px;line-height:1.1}.dayform-note.note3{bottom:6%;left:9%;transform:rotate(-6deg);height:28%;width:51%;background:#cbe4d8;color:#315c4d;flex-direction:row;align-items:center;gap:10px}.field-art{background:#d9d4c6}.field-art svg{width:100%;height:100%;object-fit:cover}.field-art-label{position:absolute;bottom:21px;left:23px;font-size:9px;line-height:1.4;color:#4a5143;letter-spacing:.08em}.demo-card-art .morrow-orbit{width:155px;height:155px;top:49%}.demo-card-art .morrow-petal{width:83px;height:83px}.demo-card-art .morrow-orbit>span{font-size:29px}.demo-card-art .art-index{top:14px;left:17px;font-size:7px}.demo-card-art .art-caption{bottom:13px;left:17px;right:17px;font-size:7px}.demo-card-art .art-caption>span{font-size:19px}.demo-card-art .mono-grid b{font-size:38px}.demo-card-art .mono-star{font-size:70px}.demo-card-art .mono-circle{width:66px;height:66px;font-size:42px}.demo-card-art .dayform-note{font-size:8px;padding:12px}.demo-card-art .dayform-note span{font-size:25px}.demo-card-art .dayform-note.note2 .note-face{font-size:42px}.demo-card-art .field-art svg{height:140%;transform:translateY(-10%)}.demo-card-art .field-art-label{font-size:7px;bottom:13px;left:17px}
/* Interactive area */
.experience-section{padding:80px max(40px,calc((100vw - 1220px)/2));background:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;color:#273230;scroll-margin-top:125px}.experience-intro>.section-label{color:#81928a;margin-bottom:20px}.experience-intro h2{font-size:33px;line-height:1.4;letter-spacing:-.04em;max-width:350px}.experience-intro>p{font-size:14px;color:#7b8781;margin-top:16px;max-width:330px}.privacy-note{display:flex;gap:10px;align-items:flex-start;color:#7e8983;margin-top:27px;font-size:12px;line-height:1.7}.privacy-note i{font-size:17px}.sample-button{background:#f4f6f7;border:1px solid #e8eceb;color:#43564b;padding:11px 14px;border-radius:6px;font-size:12px;margin-top:25px;display:flex;gap:8px;align-items:center;min-height:44px}.experience-intro .section-caption{font-size:11px;color:#99a29c}.experience-panel{border:1px solid #e0e7e2;border-radius:12px;box-shadow:0 12px 35px #172c2010;padding:27px;align-self:start;min-width:0;min-height:440px;background:#fff}.panel-top{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#53665b}.step-count{color:#9ba69f;font-weight:400}.form-steps{display:flex;list-style:none;margin:17px 0 24px;padding:0;gap:7px}.form-steps li{flex:1;font-size:10px;color:#a3aca6;border-top:3px solid #e9eeeb;padding-top:9px}.form-steps li.is-active,.form-steps li.is-done{border-color:#647c65;color:#405846}.form-heading{font-size:20px;letter-spacing:-.025em;line-height:1.4;margin-bottom:7px}.form-hint{font-size:12px;color:#8c978f;line-height:1.7;margin:0 0 22px}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.demo-field{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0;color:#4d5b52}.demo-field.full{grid-column:1/-1}.demo-field input:not([type=checkbox]):not([type=radio]),.demo-field select,.demo-field textarea{width:100%;background:#fff;border:1px solid #dfe5e1;border-radius:5px;padding:11px 12px;color:#34433b;min-height:44px;font-size:13px}.demo-field textarea{min-height:100px;resize:vertical}.demo-field input::placeholder,.demo-field textarea::placeholder{color:#acb4ae;font-size:12px}.demo-field small{font-size:10px;color:#8e9b92;line-height:1.6}.demo-field b{font-size:10px;color:#526658;margin-left:3px}.demo-form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px;align-items:center}.demo-next{background:#3f5748;color:white;border:0;padding:11px 18px;font-size:12px;border-radius:5px;min-height:44px;display:flex;align-items:center;gap:15px;margin-left:auto}.demo-back{border:0;background:none;color:#8c9891;font-size:12px;padding:10px 0;min-height:44px}.demo-error{font-size:12px;color:#b13c35;background:#fff1ef;padding:10px;border-radius:5px;margin-top:13px;line-height:1.7}.check-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #e1e7e2;border-radius:6px;padding:13px;font-size:12px;color:#66756a;min-height:48px}.check-option input{accent-color:#4b6955;width:16px;height:16px;margin-top:2px;flex:none}.check-stack{display:grid;gap:9px}.check-option:has(input:checked){background:#f1f7f2;border-color:#8ba78d}.demo-review{display:grid;gap:12px;margin:22px 0}.demo-review>div{display:grid;grid-template-columns:90px minmax(0,1fr);font-size:12px;border-bottom:1px solid #edf0ee;padding-bottom:10px;gap:12px}.demo-review dt{color:#91a095}.demo-review dd{margin:0;color:#42564a;white-space:pre-wrap;overflow-wrap:anywhere}.review-notice{font-size:11px;line-height:1.7;color:#87978b;padding:13px;background:#f5f8f5;border-radius:5px}.demo-complete{text-align:center;padding:15px 0}.complete-icon{margin:0 auto 16px;width:57px;height:57px;display:grid;place-content:center;border-radius:50%;background:#edf5eb;color:#4a7151;font-size:27px}.demo-complete h3{font-size:22px;margin-bottom:10px}.demo-complete>p{font-size:12px;line-height:1.8;color:#87968b}.complete-reference{margin:18px auto;padding:10px;background:#f7f9f7;font-size:11px;color:#7f8e84;border-radius:5px}.demo-complete .project-button{margin-top:10px;background:#4b6bff;color:#fff;font-size:12px;min-height:45px}.reset-demo{display:block;margin:15px auto 0;padding:10px 15px;border:0;background:none;color:#85968a;font-size:12px}.radio-options{display:grid;gap:8px;margin-top:18px}.radio-choice{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #e3e1eb;border-radius:7px;padding:12px;font-size:12px;cursor:pointer;min-height:45px}.radio-choice:has(input:checked){border-color:#8978cc;background:#f5f1ff;color:#6e55b3}.radio-choice input{accent-color:#7866d8}.rating-scale{display:flex;gap:8px;margin:23px 0 8px}.rating-choice{flex:1;position:relative;text-align:center}.rating-choice input{position:absolute;opacity:0;width:1px;height:1px}.rating-choice span{display:block;border:1px solid #ded7ee;border-radius:7px;padding:13px 0;font-weight:700;color:#a49ab9;cursor:pointer}.rating-choice input:checked+span{background:#7866d8;color:#fff;border-color:#7866d8}.rating-choice input:focus-visible+span{outline:3px solid #bdadf3}.rating-labels{display:flex;justify-content:space-between;font-size:10px;color:#a498b0}.conditional-question{margin-top:24px;border-top:1px dashed #dcd1ed;padding-top:18px}.progress-label{font-size:11px;color:#93869d;margin-bottom:14px}
.project-section,.operation-section,.project-cta{padding:70px max(40px,calc((100vw - 1220px)/2))}.project-section>.section-label{color:var(--muted);margin-bottom:13px}.project-section>h2{font-size:35px;letter-spacing:-.04em;margin-bottom:26px}.position-list{border-top:1px solid #465064}.position{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:22px 5px;background:none;color:#fff;text-align:left;border:0;border-bottom:1px solid #323d50}.position small{display:block;font-size:9px;letter-spacing:.07em;color:#9da9be;margin-bottom:6px}.position strong{font-size:22px}.position>span:last-child{font-size:11px;color:#c7ff65;white-space:nowrap}.role-dialog{width:min(570px,calc(100% - 32px));max-height:85vh;overflow:auto;border:0;border-radius:12px;padding:36px;color:#27334b}.role-dialog::backdrop{background:#15233388;backdrop-filter:blur(4px)}.role-dialog>[data-close-role]{position:absolute;right:15px;top:10px;font-size:28px;color:#8a94a2;background:none;border:0;min-width:40px;min-height:40px}.role-dialog .section-label{color:#8a96aa;font-size:9px}.role-dialog h2{font-size:27px;margin:17px 0}.role-dialog h3{font-size:14px;margin:20px 0 8px}.role-dialog p,.role-dialog li{font-size:13px;color:#748094}.role-dialog ul{padding-left:18px}.role-dialog .project-button{background:#253149;color:#d3ff99;margin-top:22px}.project-filters{display:flex;gap:5px;flex-wrap:wrap}.project-filters button{border:1px solid #dedfd5;padding:8px 13px;min-height:40px;background:transparent;color:#989b8e;font-size:11px}.project-filters button[aria-pressed=true]{background:#48523e;color:white;border-color:#48523e}.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.space-visual{height:220px;overflow:hidden;margin-bottom:16px}.space-visual .field-art svg{height:135%;transform:translateY(-15%)}.space-brand .field-art{background:#c8b9a7}.space-brand svg{transform:translateY(-15%) scaleX(-1)}.space-community .field-art{background:#c4caba}.space-grid small{font-size:9px;letter-spacing:.08em;color:#959b88}.space-grid h3{font-size:15px;font-weight:400;margin-top:5px}.operation-section{background:#f7f9f7;color:#2e3c31}.operation-section>.section-label{color:#87978b}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:38px}.benefit-grid article{border-top:1px solid #dce3dc;padding-top:18px}.benefit-grid article>span{font-size:11px;color:#9baa9c}.benefit-grid h3{font-size:17px;margin:17px 0 10px;font-weight:700;letter-spacing:-.03em}.benefit-grid p{font-size:13px;color:#89978d;line-height:1.8}.project-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#eef3e9;color:#36513c}.project-cta .section-label{color:#869b80}.project-cta h2{font-size:38px;line-height:1.35;letter-spacing:-.05em;margin:17px 0}.project-cta p:not(.section-label){font-size:13px;color:#80927b}.project-cta .project-button{background:#435a40;color:#fff}.project-cta .quiet-link{text-align:center;color:#87987e}.project-footer{padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;color:#8e998f;border-top:1px solid #e9ede8}.project-footer strong{font-size:12px;letter-spacing:.02em;white-space:nowrap}.project-footer p{font-size:10px;max-width:600px}.project-footer>a{font-size:10px;white-space:nowrap}
@media(min-width:1440px){.project-hero{padding-top:55px;padding-bottom:85px}.hero-art{height:460px}.hero-copy h1{font-size:60px}}
@media(max-width:1050px){.hero-copy h1,.theme-recruit .hero-copy h1,.theme-survey .hero-copy h1,.theme-company .hero-copy h1{font-size:42px}.project-hero,.theme-company .project-hero{gap:25px}.hero-art,.theme-company .hero-art{height:360px}.morrow-orbit{transform:translate(-50%,-50%) rotate(-12deg) scale(.8)}.mono-grid b{font-size:42px}.mono-star{font-size:90px}.mono-circle{width:85px;height:85px;font-size:55px}.experience-section{gap:35px;grid-template-columns:.85fr 1.15fr}.demo-gallery{gap:18px}.demo-card-copy{padding:19px}.demo-card-art{height:205px}.hub-heading h1{font-size:43px}.hub-heading>p{font-size:13px}.project-footer{flex-wrap:wrap;gap:10px}.project-footer p{max-width:65%}}
@media(max-width:760px){html{scroll-padding-top:120px}.experience-bar{padding:0 18px;height:56px}.experience-brand{font-size:22px}.experience-brand>span{font-size:11px}.experience-note{display:none}.consult-link{font-size:11px;gap:7px;padding:8px 11px}.demo-switch{top:56px;justify-content:flex-start;padding:6px 12px}.demo-switch a{flex:1;text-align:center;padding:6px 10px;font-size:10px}.project-nav{width:calc(100% - 40px);height:73px}.project-brand,.theme-company .project-brand{font-size:18px}.project-nav nav{gap:16px;font-size:10px}.project-nav nav a:first-child{display:none}.project-hero,.theme-company .project-hero{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px;padding:20px 0 30px}.hero-copy h1,.theme-recruit .hero-copy h1,.theme-survey .hero-copy h1,.theme-company .hero-copy h1{font-size:42px}.hero-copy .section-label{font-size:8px;margin-bottom:17px}.hero-description{font-size:13px;margin:18px 0 23px}.hero-description br{display:none}.hero-features{margin-top:20px;gap:10px}.hero-features span{font-size:9px;padding-right:10px}.hero-art,.theme-company .hero-art{height:330px}.project-facts dl{width:calc(100% - 40px);grid-template-columns:1fr;gap:13px;padding:22px 0}.project-facts dl>div{border:0;display:flex;align-items:baseline;gap:18px}.project-facts dt{width:65px;flex:none;margin:0;font-size:10px}.project-facts dd{font-size:12px}.experience-section{padding:45px 20px;grid-template-columns:1fr;gap:28px}.experience-intro h2{font-size:28px;max-width:none}.experience-intro>p{font-size:13px;max-width:none}.experience-intro>.section-label{font-size:9px;margin-bottom:13px}.privacy-note{margin-top:18px}.sample-button{margin-top:18px}.experience-panel{padding:20px;min-height:390px}.demo-fields{gap:17px 12px}.project-section,.operation-section,.project-cta{padding:45px 20px}.project-section>h2,.section-heading h2{font-size:28px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading>p{font-size:12px}.benefit-grid{grid-template-columns:1fr;gap:23px;margin-top:25px}.benefit-grid h3{margin:8px 0;font-size:17px}.benefit-grid p{font-size:12px}.project-cta{align-items:flex-start;flex-direction:column;gap:25px}.project-cta h2{font-size:34px}.project-cta p:not(.section-label){font-size:12px}.project-cta>div:last-child{width:100%}.project-cta .project-button{width:100%}.project-footer{padding:25px 20px;align-items:flex-start;flex-direction:column;gap:10px}.project-footer p{max-width:none;line-height:1.8}.position strong{font-size:17px}.position small{font-size:8px}.position>span:last-child{font-size:10px}.space-grid{grid-template-columns:1fr;gap:25px}.space-visual{height:260px}.space-visual .field-art svg{height:155%}.role-dialog{padding:30px 24px}.hub-hero{padding:45px 0 30px}.demo-container{width:calc(100% - 40px)}.hub-heading{flex-direction:column;align-items:flex-start;gap:23px}.hub-heading h1{font-size:39px}.hub-heading>p{font-size:13px;line-height:1.9}.hub-hero .section-label{font-size:9px;margin-bottom:21px}.hub-meta{font-size:8px;letter-spacing:.03em;margin-top:28px;gap:12px;flex-wrap:wrap}.demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.demo-card-art{height:190px}.demo-card-copy{padding:17px}.demo-card-copy h2{font-size:18px}.demo-card-copy p{font-size:11px}.demo-card-tags{margin:11px 0 17px}.demo-card-tags em{font-size:8px}.demo-card-copy>span{font-size:9px}.demo-card-copy strong{font-size:10px}.demo-guide-card{padding:24px 20px}.demo-guide-card h2{font-size:23px}.demo-guide-card p{font-size:12px}.hub-bottom{flex-direction:column;padding-top:35px;gap:20px}.hub-bottom h2{font-size:31px}.hub-notice{font-size:11px}.demo-guide-card .section-label{font-size:9px}}
@media(max-width:480px){.demo-gallery{grid-template-columns:1fr}.demo-card-art{height:235px}.demo-card-copy h2{font-size:23px}.demo-card-copy p{font-size:13px;min-height:0}.demo-card-copy>span{font-size:11px}.demo-card-copy strong{font-size:12px}.demo-card-copy{padding:22px}.demo-card-tags em{font-size:10px}.demo-card-art .morrow-orbit{width:165px;height:165px}.demo-card-art .morrow-petal{width:88px;height:88px}.demo-card-art .mono-grid{inset:17% 15%}.demo-card-art .mono-grid b{font-size:44px}.demo-card-art .dayform-note{font-size:10px}.hero-copy h1,.theme-recruit .hero-copy h1,.theme-survey .hero-copy h1,.theme-company .hero-copy h1{font-size:36px}.hero-art,.theme-company .hero-art{height:290px}.morrow-orbit{transform:translate(-50%,-50%) rotate(-12deg) scale(.73)}.mono-grid{inset:20% 12%}.mono-grid b{font-size:40px}.mono-star{font-size:85px}.dayform-note{font-size:11px}.experience-panel{padding:18px}.demo-fields{grid-template-columns:1fr}.demo-field.full{grid-column:auto}.form-steps li{font-size:9px}.form-heading{font-size:18px}.demo-review>div{grid-template-columns:76px minmax(0,1fr);font-size:11px}.role-dialog h2{font-size:24px}.project-nav nav{gap:12px}.hub-heading h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.demo-card:hover,.project-button:hover{transform:none}}
/* Keep content widths explicit for nested form/grid layouts. */
.experience-brand,.project-brand,.project-nav nav{flex-shrink:0;white-space:nowrap}.experience-note,.consult-link{white-space:nowrap}.experience-panel [data-demo-form],.experience-panel form,.demo-field{width:100%}.demo-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.morrow-orbit>span{display:flex;flex-direction:column;align-items:center;justify-content:center}.morrow-orbit>span b{font:inherit}
@media(max-width:480px){.demo-fields{grid-template-columns:1fr}}
.demo-fields{display:block}.demo-fields>.demo-field{margin-bottom:17px}.demo-fields>.demo-field:last-child{margin-bottom:0}
.section-heading>h2{flex:1;min-width:0}.section-heading>p{flex:0 1 300px}
@media(max-width:760px){.section-heading>h2,.section-heading>p{flex:none}}
.hub-heading>h1,.hub-bottom>h2{flex:1;min-width:0}.hub-heading>p{flex:0 0 310px}.hub-bottom>div{flex:0 0 330px}.demo-card-tags em,.demo-card-copy strong,.project-filters button{white-space:nowrap}.project-filters button{flex:0 0 auto}
@media(max-width:760px){.hub-heading>h1,.hub-heading>p,.hub-bottom>h2,.hub-bottom>div{flex:none;width:100%}.section-heading>h2,.section-heading>p{width:100%}}