/* Five different structures. Shared input behavior stays in demo-app.js. */
.layout-v2{--layout-width:1240px}.l-project-nav{min-height:86px;padding:20px max(28px,calc((100% - var(--layout-width))/2));display:flex;align-items:center;justify-content:space-between;gap:25px}.l-brand{display:flex;align-items:center;gap:19px;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}.l-brand span{font-size:8px;line-height:1.6;letter-spacing:.11em;font-weight:400}.l-brand em{font-size:11px;font-style:normal;font-weight:400;letter-spacing:0;padding-left:18px;border-left:1px solid #d8e1f2}.l-project-nav nav{display:flex;gap:29px;font-size:11px}.l-project-nav nav a{white-space:nowrap;min-height:35px;display:flex;align-items:center}.l-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1.65}.l-fine{font-size:11px;line-height:1.8;opacity:.6}.l-consult{display:inline-flex;align-items:center;gap:25px;padding:14px 23px;background:#4b6bff;color:#fff;font-size:13px;font-weight:700;border-radius:5px;min-height:48px}.l-entry{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.l-entry .experience-intro .section-caption{font-size:10px}.layout-v2 .project-footer{padding:28px max(28px,calc((100% - var(--layout-width))/2))}.l-motion{background:transparent;border:1px solid #e3e7f0;border-radius:5px;padding:6px 9px;color:#7c879d;font-size:10px;white-space:nowrap;min-height:32px;margin-left:auto}.l-motion+ .consult-link{margin-left:0}.l-motion[aria-pressed=true]{background:#edf0ff;color:#4b6bff}.layout-v2 .experience-bar{gap:15px}.layout-v2 .experience-note{margin-left:auto}.layout-v2 .l-consult:focus-visible,.layout-v2 button:focus-visible{outline-offset:5px}
/* 01 — A campaign poster, not a landing-page split hero. */
.layout-v2.theme-contest{--accent:#dafb70;--button-text:#1b2721;background:#13251e;color:#eff4dc}.theme-contest .l-project-nav{border-bottom:1px solid #afc2a72b}.theme-contest .l-brand{font-size:29px}.theme-contest .l-project-nav nav{color:#b3c6b6}.contest-poster{position:relative;overflow:hidden;min-height:720px;padding:25px max(28px,calc((100% - var(--layout-width))/2)) 30px}.poster-meta{display:flex;justify-content:space-between;gap:20px;color:#96af98;font-size:9px;letter-spacing:.09em}.poster-main{position:relative;min-height:570px;display:flex;align-items:center}.poster-type{position:relative;z-index:3;padding-top:40px;max-width:850px}.poster-type .l-kicker{color:#a9c397;margin-bottom:19px}.poster-type h1{font-size:clamp(60px,7.8vw,112px);letter-spacing:-.085em;line-height:1.04;font-weight:800}.poster-type h1>span:not(.poster-dot){color:#dcff73;font-style:italic;margin-right:12px}.poster-dot{color:#dfff77}.poster-type>p:not(.l-kicker){font-size:13px;color:#9eb6a6;line-height:1.9;margin:28px 0}.poster-entry{display:inline-flex;align-items:center;gap:60px;padding:16px 22px;border:0;border-radius:0;background:#dfff79;color:#22362a;font-size:13px;font-weight:700;min-height:52px}.poster-entry i{font-size:19px}.poster-entry:hover{background:#ebffa6}.poster-object{position:absolute;z-index:1;width:470px;height:470px;right:-35px;top:45px;transform:rotate(13deg)}.poster-object .morrow-art{background:transparent;padding:0;overflow:visible;background-image:none}.poster-object .art-index,.poster-object .art-caption,.poster-object .morrow-orbit>span{display:none}.poster-object .morrow-orbit{top:50%;width:370px;height:370px;animation:poster-turn 30s linear infinite}.poster-object .morrow-petal{width:198px;height:198px;background:#b9dc66}.poster-object .morrow-petal.p2{background:#dfff79}.poster-object .morrow-petal.p3{background:#799a42}.poster-object .morrow-petal.p4{background:#9ebf51}.poster-stamp{position:absolute;z-index:2;top:160px;left:175px;font-size:17px;line-height:1.05;font-weight:800;color:#15301c;transform:rotate(-25deg)}.poster-year{position:absolute;font-size:240px;letter-spacing:-.1em;bottom:-75px;right:-40px;opacity:.025;line-height:1;font-weight:800}.poster-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;border-top:1px solid #79978244;padding-top:24px;position:relative;z-index:4}.poster-bottom>span:first-child{font-size:9px;letter-spacing:.12em;color:#9cb499}.poster-bottom>span:nth-child(2){font-size:9px;color:#9cb499;line-height:1.8}.poster-bottom strong{font-size:25px;color:#e5efd5;letter-spacing:-.03em}.poster-bottom>a{font-size:11px;color:#c3d2ba}.contest-ticker{overflow:hidden;background:#dfff79;color:#1e3b26;padding:17px 0;position:relative;display:flex;align-items:center}.contest-ticker>div{display:flex;align-items:center;gap:40px;white-space:nowrap;width:max-content;animation:poster-ticker 26s linear infinite;font-size:21px;font-weight:800;letter-spacing:-.025em}.contest-ticker b{font-size:34px;line-height:1}.contest-ticker button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:1px solid #6d8d44;background:#dfff79;color:#29402b;border-radius:50%;font-size:13px}.contest-manifesto{position:relative;display:grid;grid-template-columns:1fr 2.3fr;gap:45px;padding:95px max(28px,calc((100% - var(--layout-width))/2));border-bottom:1px solid #74917b33;overflow:hidden}.contest-manifesto>.l-kicker{color:#84a18a;padding-top:10px}.contest-manifesto h2{font-size:49px;letter-spacing:-.05em;line-height:1.35;color:#e7eedb}.contest-manifesto p:not(.l-kicker){font-size:13px;line-height:1.9;margin-top:23px;color:#91ab97}.contest-manifesto .l-fine{font-size:10px!important}.manifesto-asterisk{position:absolute;right:-80px;bottom:-140px;color:#96ba5b0a;font-size:440px;line-height:1;pointer-events:none}.contest-fields{padding:70px max(28px,calc((100% - var(--layout-width))/2)) 90px}.l-section-line{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:45px}.l-section-line .l-kicker{color:#8da78f}.l-section-line h2{font-size:24px;font-weight:400;letter-spacing:-.03em}.contest-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.contest-field-grid article{border-top:1px solid #7c9b7c66;padding-top:16px}.contest-field-grid article>span{font-size:9px;color:#8ca888}.field-symbol{height:190px;display:grid;place-content:center;font-size:120px;color:#d9efb3;line-height:1;transition:transform .4s}.contest-field-grid article:hover .field-symbol{transform:rotate(12deg) scale(1.05)}.symbol-1{color:#aac46d}.symbol-2{color:#718d5e}.contest-field-grid small{font-size:9px;letter-spacing:.1em;color:#83a187}.contest-field-grid h3{font-size:23px;letter-spacing:-.04em;margin:9px 0 12px}.contest-field-grid p{font-size:12px;color:#8aa18c;line-height:1.8;max-width:270px}.contest-schedule{padding:65px max(28px,calc((100% - var(--layout-width))/2));display:grid;grid-template-columns:.8fr 1.4fr 1.4fr;gap:30px;border-top:1px solid #7b977b33;align-items:center}.contest-schedule>.l-kicker{color:#8fa58b}.contest-schedule h2{font-size:32px;line-height:1.4;letter-spacing:-.04em}.contest-schedule>div>p{font-size:11px;color:#acc19e;margin-bottom:18px}.contest-schedule .l-fine{display:block;margin-top:12px}.contest-sales{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e8eddd;color:#405143;padding:35px max(28px,calc((100% - var(--layout-width))/2))}.contest-sales>span{font-size:10px;letter-spacing:.1em}.contest-sales .l-consult{background:#344c36}.theme-contest .project-footer{background:#112019;color:#92a38b;border:0}.contest-entry-dialog{padding:0;width:min(1050px,calc(100% - 40px));max-height:90vh;border:0;background:#f9fbf6;border-radius:12px;color:#2b3c2e;overflow:auto}.contest-entry-dialog::backdrop{background:#05150fd9;backdrop-filter:blur(8px)}.entry-dialog-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;background:#eff3e9;border-bottom:1px solid #dce4d5;padding:16px 26px;gap:20px;font-size:10px;letter-spacing:.09em}.entry-dialog-head button{border:1px solid #d8e0d4;background:transparent;padding:7px 12px;min-height:36px;color:#60765d;font-size:11px}.contest-entry{padding:35px;gap:35px}.contest-entry .experience-intro h2{font-size:29px}.contest-entry .experience-panel{box-shadow:none}.contest-entry .experience-intro>p{font-size:12px}.contest-entry .experience-intro .section-label{font-size:9px}
/* 02 — An application portal with persistent information hierarchy. */
.layout-v2.theme-support{background:#f5f7fb;color:#1c355b}.theme-support .l-project-nav{background:white;border-bottom:1px solid #e0e7f4}.theme-support .l-brand{color:#1d5eb5;font-size:24px}.theme-support .l-project-nav nav{color:#6a7e9d}.portal-intro{padding:48px max(28px,calc((100% - var(--layout-width))/2)) 45px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:#eaf0fb;border-bottom:1px solid #dbe5f5}.portal-intro .l-kicker{color:#8295b6;margin-bottom:17px}.portal-intro h1{font-size:45px;line-height:1.27;font-weight:400;letter-spacing:-.05em}.portal-intro h1 strong{font-weight:800;color:#2762bf}.portal-intro p:not(.l-kicker){font-size:13px;color:#8093b0;line-height:1.8;margin-top:19px}.portal-symbol{display:grid;grid-template-columns:1fr 1fr;width:210px;height:160px;gap:8px;transform:rotate(-8deg);margin-right:30px}.portal-symbol span{display:grid;place-content:center;border:1px solid #8eaff04a;border-radius:8px;font-size:35px;color:#2d69c9;background:#d8e5fb}.portal-symbol span:nth-child(2){background:#2362bf;color:#d8e6fc}.portal-symbol span:nth-child(3){background:#c7d9f5}.portal-symbol span:nth-child(4){background:#f8fbff}.portal-workspace{padding:35px max(28px,calc((100% - var(--layout-width))/2)) 55px;display:grid;grid-template-columns:170px minmax(0,1fr) 235px;gap:26px;align-items:start}.portal-menu{padding-top:12px;position:sticky;top:130px}.portal-menu>.l-kicker{font-size:8px;color:#8f9db1}.portal-menu>strong{font-size:22px;display:block;margin:12px 0 22px}.portal-menu>a{display:flex;justify-content:space-between;gap:10px;padding:13px 12px;font-size:12px;color:#71849f;border-radius:5px;margin-bottom:5px}.portal-menu>a[aria-current]{background:#e3ecff;color:#2a62bd;font-weight:700}.portal-menu>a>span{font-size:9px;opacity:.6}.portal-callout{margin:30px 12px 0;border-top:1px solid #dfe5ef;padding-top:20px;color:#9aa9bd;font-size:10px}.portal-callout i{font-size:15px;display:block;margin-bottom:8px}.portal-main{min-width:0}.portal-tabs{display:flex;gap:22px;border-bottom:1px solid #dce4f0;margin-bottom:23px}.portal-tabs button{border:0;background:transparent;font-size:13px;color:#8a9cb5;min-height:48px;padding:7px 2px;border-bottom:3px solid transparent;margin-bottom:-1px}.portal-tabs button[aria-selected=true]{color:#2463c0;border-color:#2463c0;font-weight:700}.portal-board-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.portal-board-heading h2{font-size:16px;letter-spacing:-.03em}.portal-board-heading>span{font-size:9px;color:#a1afc0;white-space:nowrap}.program-list{display:grid;gap:14px}.program-card{background:#fff;border:1px solid #e1e7f0;border-radius:8px;padding:23px;transition:border-color .2s,box-shadow .2s}.program-card:hover,.program-card.is-selected{border-color:#83a7e2;box-shadow:0 6px 18px #2a61b408}.program-card>div:first-child{display:flex;align-items:center;gap:10px}.program-status{padding:4px 7px;border-radius:4px;background:#edf3ff;font-size:9px;color:#3c71c1}.program-card small{font-size:10px;color:#9aacbf}.program-card h3{font-size:20px;line-height:1.4;margin:13px 0 9px;letter-spacing:-.03em}.program-card>p{font-size:12px;line-height:1.7;color:#8a9cb1}.program-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;border-top:1px solid #edf1f6;padding-top:15px}.program-foot>span{font-size:10px;color:#869ab6}.program-foot em{font-style:normal;color:#b1bdce;font-size:8px;margin-left:7px}.program-foot button{background:none;border:0;font-size:11px;font-weight:700;color:#2c65b9;padding:8px 0;min-height:36px;white-space:nowrap}.portal-service{position:sticky;top:135px;margin-top:13px;padding:24px 20px;background:#e9effc;border:1px solid #dce5fa;border-radius:9px}.portal-service>.l-kicker{font-size:8px;color:#879bc0}.portal-service h2{font-size:22px;line-height:1.4;margin-top:17px;letter-spacing:-.03em}.portal-service ul{list-style:none;padding:0;margin:20px 0;color:#8699b8;font-size:11px}.portal-service li{margin:11px 0;padding-left:12px;position:relative}.portal-service li:before{content:'✓';position:absolute;left:0;color:#4c78bc;font-size:9px}.portal-service>a{display:block;background:#2767ca;color:#fff;text-align:center;font-size:11px;padding:11px 8px;border-radius:5px;min-height:44px}.portal-service>div{margin-top:23px;padding-top:16px;border-top:1px solid #d4def3}.selected-program-label{font-size:8px;color:#a1b1ca;display:block;margin-bottom:5px}.portal-service>div strong{font-size:11px;color:#6988b7;line-height:1.7}.portal-panel-title{font-size:19px;line-height:1.4;margin:22px 0}.portal-process-list{list-style:none;padding:0;margin:0;background:#fff;border:1px solid #e1e8f2;border-radius:8px}.portal-process-list>li{display:flex;align-items:flex-start;gap:20px;padding:25px;border-bottom:1px solid #edf0f6}.portal-process-list>li:last-child{border:0}.portal-process-list b{font-size:22px;color:#b4c7e7}.portal-process-list h3{font-size:15px;margin-bottom:7px}.portal-process-list p{font-size:11px;color:#93a2b7}.portal-faq{border:1px solid #e1e8f2;border-radius:6px;background:white;margin:10px 0}.portal-faq summary{padding:18px 20px;cursor:pointer;font-size:13px}.portal-faq p{font-size:12px;line-height:1.8;color:#8497b0;padding:0 20px 20px}.portal-process-strip{padding:30px max(28px,calc((100% - var(--layout-width))/2));display:flex;align-items:center;justify-content:space-between;background:#edf2fa;gap:30px;border-top:1px solid #e1e9f5;border-bottom:1px solid #e1e9f5}.portal-process-strip .l-kicker{color:#8b9fbc;font-size:8px}.portal-process-strip h2{font-size:20px;margin-top:7px;letter-spacing:-.03em}.portal-process-strip ol{display:flex;list-style:none;padding:0;gap:40px;font-size:11px;color:#8a9bb4}.portal-process-strip b{font-size:12px;color:#477fc5;margin-right:12px}.portal-entry-wrap{max-width:1040px;width:calc(100% - 56px);margin:65px auto}.portal-entry-title{border-bottom:1px solid #dde5f0;margin-bottom:30px;padding-bottom:25px}.portal-entry-title>.l-kicker{font-size:9px;color:#91a3bd}.portal-entry-title h2{font-size:30px;letter-spacing:-.04em;margin:9px 0}.portal-entry-title>span{font-size:11px;color:#9dacbf}.portal-entry{grid-template-columns:250px minmax(0,1fr);gap:40px}.portal-entry .experience-intro h2{font-size:24px}.portal-entry .experience-intro>p{font-size:12px}.portal-entry .experience-panel{box-shadow:none;border-color:#d9e3f2;padding:30px}.theme-support .demo-next{background:#2c65bf}.theme-support .form-steps li.is-active,.theme-support .form-steps li.is-done{color:#2d62ae;border-color:#4382db}.theme-support .check-option:has(input:checked){background:#eff5ff;border-color:#a4bde4}.portal-footer-guide{padding:45px max(28px,calc((100% - var(--layout-width))/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eaf0fa;border-top:1px solid #dfe8f7}.portal-footer-guide h2{font-size:25px;line-height:1.4}.portal-footer-guide p{font-size:11px;color:#93a3bd;margin-top:12px}.theme-support .project-footer{color:#91a0b6;border-color:#e1e7f0}
/* 03 — Recruitment as a people magazine. */
.layout-v2.theme-recruit{background:#181818;color:#f5f3ed}.theme-recruit .l-project-nav{background:#181818;border-bottom:1px solid #ffffff20}.theme-recruit .l-brand{font-size:37px;letter-spacing:-.08em}.theme-recruit .l-brand span{font-size:7px;letter-spacing:.1em;color:#9d9c91}.theme-recruit .l-project-nav nav{color:#c6c7bc}.mono-cover{padding:27px max(28px,calc((100% - var(--layout-width))/2)) 28px;background:#181818}.mono-cover-issue{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.09em;color:#8f9187}.mono-cover-main{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;align-items:end;padding:60px 0 50px}.mono-cover h1{font-size:clamp(65px,7.5vw,104px);letter-spacing:-.075em;line-height:1.1;font-weight:700}.mono-cover h1 em{font-style:normal;color:#d6fc86}.mono-cover-side{padding:0 0 6px 30px;border-left:1px solid #55584c;max-width:320px}.mono-cover-side>p{color:#adb19f;font-size:14px;line-height:1.9}.mono-cover-side>a{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:35px;color:#d9fa9c;margin-top:30px;padding-bottom:16px;border-bottom:1px solid #636852}.mono-cover-side>a>span{font-size:24px}.mono-issue-index{display:flex;align-items:center;gap:17px;margin-top:36px}.mono-issue-index>span{font-size:74px;font-weight:400;letter-spacing:-.07em;line-height:1;color:#81876f}.mono-issue-index small{font-size:8px;line-height:1.7;letter-spacing:.1em;color:#888f79}.mono-cover-footer{border-top:1px solid #55584c;padding-top:20px;display:flex;justify-content:space-between;color:#7f8674;font-size:9px;letter-spacing:.09em;gap:20px}.mono-culture{background:#ecece5;color:#1b201a;padding:85px max(28px,calc((100% - var(--layout-width))/2)) 90px;display:grid;grid-template-columns:.9fr 1.4fr;gap:55px;overflow:hidden}.culture-copy .l-kicker{font-size:9px;color:#859078;margin-bottom:23px}.culture-copy h2{font-size:39px;line-height:1.35;letter-spacing:-.045em}.culture-copy>p:not(.l-kicker){font-size:12px;color:#8a9382;line-height:1.9;margin-top:23px}.culture-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;padding:20px 0}.culture-card{padding:19px 16px 22px;min-height:275px;transition:transform .4s;box-shadow:0 15px 30px #1c251215;position:relative}.culture-card>span{font-size:7px;letter-spacing:.1em;white-space:nowrap}.culture-card>div{height:143px;display:grid;place-content:center;font-size:90px;line-height:1;font-weight:400}.culture-card h3{font-size:15px;line-height:1.5;letter-spacing:-.04em;font-weight:400}.culture-lime{background:#d6fc86;transform:rotate(-8deg);z-index:1}.culture-lilac{background:#c8c1ee;transform:translateY(25px) rotate(5deg);z-index:2}.culture-white{background:#fafaf4;transform:translateY(-8px) rotate(10deg)}.culture-card:hover{transform:translateY(-14px) rotate(0);z-index:3}.mono-jobs{padding:85px max(28px,calc((100% - var(--layout-width))/2));display:grid;grid-template-columns:1fr 1.7fr;gap:80px;background:#181818}.mono-jobs-copy{position:sticky;top:140px;align-self:start}.mono-jobs-copy .l-kicker{color:#818b74;font-size:9px}.mono-jobs-copy h2{font-size:39px;line-height:1.35;letter-spacing:-.05em;margin:20px 0}.mono-jobs-copy>p{font-size:12px;line-height:1.8;color:#818b78}.mono-jobs-copy .l-fine{display:block;font-size:9px;margin-top:25px;color:#929d85}.mono-job-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:23px}.mono-job-filters button{background:transparent;border:1px solid #3a4232;border-radius:30px;color:#8d9983;padding:8px 14px;min-height:36px;font-size:11px}.mono-job-filters button[aria-pressed=true]{background:#d7f894;color:#29391f;border-color:#d7f894}.mono-job-board .position-list{border-color:#42483a}.mono-job-board .position{border-color:#42483a;padding:25px 0}.mono-job-board .position strong{font-size:25px;font-weight:400;letter-spacing:-.045em}.mono-job-board .position small{font-size:8px;color:#7d8773;margin-bottom:10px}.mono-job-board .position>span:last-child{color:#a7c17e;font-size:10px}.mono-job-board .position:hover strong{color:#d9fa9b}.mono-entry-heading{padding:60px 28px 34px;text-align:center;background:#edece6;color:#283125}.mono-entry-heading .l-kicker{font-size:9px;color:#99a18e}.mono-entry-heading h2{font-size:39px;line-height:1.3;letter-spacing:-.045em;margin:17px 0}.mono-entry-heading>p{font-size:12px;color:#959f89}.mono-entry{padding:10px max(28px,calc((100% - 1040px)/2)) 75px;background:#edece6;color:#293524;grid-template-columns:240px minmax(0,1fr);gap:40px}.mono-entry .experience-intro{padding-top:28px}.mono-entry .experience-intro>.section-label,.mono-entry .experience-intro>h2{display:none}.mono-entry .experience-intro>p{font-size:12px;color:#89947e;margin-top:0}.mono-entry .experience-panel{border:0;border-radius:0;box-shadow:0 15px 35px #1e261010;padding:35px}.mono-entry .demo-next{background:#26321f;color:#ddf8a4}.mono-entry .demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mono-entry .demo-fields>.demo-field{margin:0}.mono-entry .demo-fields>.full{grid-column:1/-1}.mono-last{padding:50px max(28px,calc((100% - var(--layout-width))/2));display:flex;align-items:center;gap:60px;background:#d7f497;color:#344824}.mono-last-star{font-size:140px;line-height:1;animation:mono-star-drift 14s ease-in-out infinite}.mono-last .l-kicker{font-size:9px;color:#8a9d6d}.mono-last h2{font-size:30px;letter-spacing:-.04em;margin:10px 0 18px}.mono-last .l-consult{background:#344824;color:#e9f7d5;border-radius:0}.theme-recruit .project-footer{background:#181818;color:#929a87;border-color:#404738}
/* 04 — Question-first survey application. */
.layout-v2.theme-survey{background:#faf9f6;color:#3e3b32}.survey-top{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:#fff;border-bottom:1px solid #ebe9e0;gap:20px}.survey-top>a{font-size:22px;font-weight:800;color:#625b7d;display:flex;gap:15px;align-items:center;letter-spacing:-.03em}.survey-top>a>span{font-size:10px;font-weight:400;color:#b1acbd;letter-spacing:0}.survey-top>span{font-size:10px;color:#b6b2bb}.survey-studio{display:grid;grid-template-columns:330px minmax(0,1fr);max-width:1400px;margin:auto;min-height:690px}.survey-sidebar{padding:40px 40px 30px;background:#eeeadd;border-right:1px solid #e5e2d6;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.survey-sidebar .l-kicker{font-size:9px;line-height:1.8;color:#a09b84;margin-bottom:25px}.survey-sidebar h1{font-size:36px;line-height:1.35;letter-spacing:-.05em;font-weight:400}.survey-sidebar h1 em{font-style:normal;color:#8f6ca8}.survey-character{position:relative;width:154px;height:140px;background:#d4b8e3;border-radius:47% 48% 41% 45%;margin:35px 0 25px;transform:rotate(-8deg);animation:survey-breathe 6s ease-in-out infinite}.character-eye{position:absolute;width:7px;height:12px;border-radius:50%;background:#775b86;top:52px;animation:survey-blink 7s linear infinite}.eye-left{left:48px}.eye-right{right:48px}.character-smile{position:absolute;width:40px;height:25px;border-radius:0 0 30px 30px;border:3px solid #775b86;border-top:0;left:57px;top:75px}.survey-character>i{position:absolute;top:4px;right:-24px;font-size:37px;color:#a3b396;transform:rotate(20deg);font-style:normal}.survey-side-copy{font-size:12px;line-height:1.8;color:#a29b89}.survey-status{padding-top:23px;border-top:1px solid #dcd6c6}.survey-status>div:first-child{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.survey-status [data-survey-current]{font-size:35px;line-height:1.2;color:#8e8299;letter-spacing:-.05em}.survey-status small{font-size:9px;color:#b0a795;letter-spacing:.07em}.survey-track{height:4px;background:#dcd6c6;border-radius:8px;overflow:hidden}.survey-track>span{display:block;background:#aa8bb9;width:25%;height:100%;transition:width .35s}.survey-status>p{font-size:10px;line-height:1.7;color:#b0a795;margin-top:10px}.survey-question-stage{padding:32px 70px 35px;background:#fff;min-width:0}.survey-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#b3adbd;margin-bottom:28px}.survey-stage-heading i{margin-right:5px}.survey-stage-heading>span:last-child{color:#b5a4c0;background:#f4f0f6;border-radius:4px;padding:4px 7px;white-space:nowrap}.survey-question-stage .experience-panel{max-width:700px;padding:0;border:0;border-radius:0;box-shadow:none;min-height:470px;margin:auto}.survey-question-stage .panel-top{font-size:10px;color:#b6a9c3}.survey-question-stage .panel-top>span:first-child{color:#a390b3}.survey-question-stage .form-steps{margin:13px 0 35px;gap:5px}.survey-question-stage .form-steps li{font-size:0;padding:0;border-top-width:3px;border-color:#f0ecf4}.survey-question-stage .form-steps .is-active,.survey-question-stage .form-steps .is-done{border-color:#b5a0c9}.survey-question-stage .form-heading{font-size:30px;line-height:1.4;font-weight:400;color:#4e4658;letter-spacing:-.035em;margin-bottom:13px}.survey-question-stage .form-hint{font-size:12px;color:#b3a9bd;margin-bottom:28px}.survey-question-stage .radio-options{gap:10px}.survey-question-stage .radio-choice{padding:16px 18px;min-height:56px;border-radius:10px;font-size:14px;color:#9689a3;border-color:#eee7f3;transition:background .18s,border-color .18s,transform .18s}.survey-question-stage .radio-choice:hover{background:#faf7fc;transform:translateX(3px)}.survey-question-stage .radio-choice:has(input:checked){background:#f4edf9;border-color:#baa4d0;color:#826692}.survey-question-stage .radio-choice input{width:17px;height:17px;accent-color:#a789be}.survey-question-stage .demo-next{background:#aa8bbb;border-radius:30px;padding:12px 23px;min-height:46px;color:#fff}.survey-question-stage .demo-back{color:#b5a9bd}.survey-question-stage .demo-form-actions{margin-top:30px}.survey-question-stage .rating-scale{gap:10px}.survey-question-stage .rating-choice span{padding:20px 0;font-size:19px;font-weight:400;border-radius:12px;border-color:#e9dff0}.survey-question-stage .rating-choice input:checked+span{background:#a487b7;border-color:#a487b7}.survey-question-stage .conditional-question{border-color:#e9dff0}.survey-question-stage textarea{border-color:#e9dff0;border-radius:9px}.survey-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;max-width:700px;margin:30px auto 0;border-top:1px solid #f1ecf4;padding-top:16px}.survey-tools .sample-button{margin:0;background:none;border:0;padding:4px 0;min-height:30px;color:#b7acbf;font-size:10px;white-space:nowrap}.survey-tools details{font-size:10px;color:#c0b6c7;max-width:270px;padding-top:9px}.survey-tools summary{cursor:pointer;line-height:1.8}.survey-tools details p{font-size:10px;line-height:1.8;margin-top:8px;color:#a99db4}.survey-sales{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 35px;background:#f2efe7;border-top:1px solid #e4dfd3;gap:25px}.survey-sales strong{font-size:14px;color:#9a8e9b;font-weight:400}.survey-sales p{font-size:10px;margin-top:5px;color:#b5aeb6}.survey-sales .l-consult{font-size:11px;min-height:42px;padding:10px 18px;background:#9a82ac;border-radius:25px;gap:14px}.theme-survey .project-footer{border:0;background:#faf9f6;color:#b3adb4;padding-top:22px;padding-bottom:22px}.survey-question-stage .demo-complete{text-align:left;padding-top:15px}.survey-question-stage .complete-icon{margin:0 0 20px;background:#f2ebf6;color:#ab8ebb}.survey-question-stage .demo-complete h3{font-size:29px;font-weight:400}.survey-question-stage .demo-complete .project-button{border-radius:25px;background:#a58ab5;color:#fff}.survey-question-stage .reset-demo{margin-left:0;padding-left:0}.survey-question-stage .demo-review dt{color:#b2a7be}.survey-question-stage .demo-review dd{color:#8c789c}
/* 05 — Full-bleed visual and asymmetric architectural portfolio. */
.layout-v2.theme-company{background:#eeece4;color:#41493d}.theme-company .l-project-nav{background:#eeece4}.theme-company .l-brand{font-size:22px;letter-spacing:.025em}.theme-company .l-brand span{font-size:7px;letter-spacing:.15em;color:#9b9f90}.theme-company .l-project-nav nav{color:#8a917f}.field-cover{position:relative;min-height:650px;height:calc(100vh - 205px);max-height:900px;background:#bbb9a7;overflow:hidden}.field-cover-visual{position:absolute;inset:-30px -30px -30px 24%;will-change:transform;transition:transform .8s ease-out}.field-cover .field-art{background:#bcbda9}.field-cover .field-art svg{width:100%;height:100%;transform:scale(1.2);transform-origin:65% 55%}.field-cover .field-art-label{display:none}.field-cover-grain{position:absolute;inset:0;background:linear-gradient(90deg,#253225ed 0%,#2d392ab8 32%,#263b2200 70%);pointer-events:none}.field-cover-caption{position:relative;z-index:2;max-width:var(--layout-width);width:calc(100% - 80px);margin:auto;padding-top:65px;color:#f5f4e9}.field-cover-caption>.l-kicker{font-size:9px;letter-spacing:.18em;color:#bac4ae;margin-bottom:38px}.field-cover-caption h1{font-size:clamp(56px,6.6vw,90px);line-height:1.18;font-weight:400;letter-spacing:-.065em}.field-cover-caption h1 em{font-style:normal;color:#d8e0c5}.field-cover-caption>a{margin-top:42px;display:inline-flex;gap:65px;align-items:center;padding-bottom:12px;border-bottom:1px solid #b9c5ac77;color:#c6d1b7;font-size:9px;letter-spacing:.12em}.field-cover-caption>a span{font-size:21px}.field-cover-bottom{position:absolute;z-index:2;bottom:24px;left:max(40px,calc((100% - var(--layout-width))/2));right:max(40px,calc((100% - var(--layout-width))/2));display:flex;justify-content:space-between;gap:20px;color:#d1d8bf;font-size:8px;letter-spacing:.08em}.field-philosophy{padding:80px max(40px,calc((100% - var(--layout-width))/2));display:grid;grid-template-columns:.9fr 2.1fr .5fr;gap:35px;align-items:start}.field-philosophy>.l-kicker{font-size:9px;color:#9da390;margin-top:9px}.field-philosophy h2{font-size:37px;font-weight:400;letter-spacing:-.04em;line-height:1.4}.field-philosophy p:not(.l-kicker){font-size:12px;line-height:1.9;color:#969f8a;margin-top:24px}.field-philosophy-index{font-size:10px;color:#a1a992;text-align:right;white-space:nowrap;margin-top:10px}.company-projects{padding:20px max(40px,calc((100% - var(--layout-width))/2)) 80px}.field-project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.field-project-heading .l-kicker{font-size:8px;color:#a1a890}.field-project-heading h2{font-size:38px;font-weight:400;letter-spacing:-.04em;line-height:1.4;margin-top:16px}.field-project-heading .project-filters{gap:12px}.field-project-heading .project-filters button{padding:5px 0;background:none;border:0;border-bottom:1px solid transparent;min-height:36px;font-size:10px;color:#a1a78f}.field-project-heading .project-filters button[aria-pressed=true]{border-color:#667354;color:#667354}.field-space-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px 50px;align-items:start}.field-space-grid>article:first-child{grid-row:span 2}.field-project-button{padding:0;width:100%;border:0;background:none;text-align:left;color:inherit}.field-project-button .space-visual{height:270px;position:relative;margin:0;overflow:hidden;background:#d2cbbb}.field-space-grid>article:first-child .space-visual{height:640px}.field-project-button .field-art svg{width:100%;height:100%;transform:none;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.field-space-grid>article:first-child .field-art svg{transform:scale(1.4);transform-origin:55% 48%}.field-project-button:hover .field-art svg{transform:scale(1.07)}.field-space-grid>article:first-child .field-project-button:hover .field-art svg{transform:scale(1.48)}.field-project-arrow{position:absolute;right:17px;bottom:15px;display:grid;place-content:center;border-radius:50%;width:35px;height:35px;background:#eff0dfb8;color:#5e6e51;font-size:18px;transition:transform .3s}.field-project-button:hover .field-project-arrow{transform:rotate(45deg)}.field-project-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.field-project-caption small{font-size:8px;letter-spacing:.1em;color:#9da58c}.field-project-caption h3{font-size:18px;font-weight:400;margin-top:8px;color:#5f6e50}.field-project-caption>span:last-child{font-size:11px;color:#a3ab94}.company-projects.is-filtered .field-space-grid{grid-template-columns:1fr 1fr}.company-projects.is-filtered .field-space-grid>article:first-child{grid-row:auto}.company-projects.is-filtered .field-space-grid>article .space-visual{height:400px}.field-service-line{padding:38px max(40px,calc((100% - var(--layout-width))/2));border-top:1px solid #d9ddce;border-bottom:1px solid #d9ddce;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#9aa68a;font-size:clamp(12px,2.6vw,34px);letter-spacing:-.03em}.field-service-line b{font-weight:400;color:#c0c7b2}.field-entry-wrap{padding:65px max(40px,calc((100% - var(--layout-width))/2)) 75px;background:#e4e8da}.field-entry-wrap>.l-kicker{font-size:9px;color:#a0ad8e;margin-bottom:20px}.field-entry-wrap>h2{font-size:38px;font-weight:400;line-height:1.4;letter-spacing:-.04em;margin-bottom:40px;color:#6b7b5a}.field-entry{grid-template-columns:1fr 1.3fr;gap:70px}.field-entry .experience-intro>.section-label,.field-entry .experience-intro>h2{display:none}.field-entry .experience-intro>p{font-size:13px;color:#939f86}.field-entry .sample-button{border:1px solid #bfc8b0;background:transparent;color:#87967b}.field-entry .privacy-note{color:#9aa58f}.field-entry .experience-panel{border:0;border-radius:0;background:#f8f9f2;box-shadow:none;padding:35px}.field-entry .demo-field input,.field-entry .demo-field select,.field-entry .demo-field textarea{background:#f8f9f2!important;border:0!important;border-bottom:1px solid #d6deca!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}.field-entry .demo-fields>.demo-field{margin-bottom:23px}.field-entry .demo-next{border-radius:0;background:#6e7e5b}.field-entry .form-steps{display:none}.field-entry .panel-top{margin-bottom:30px}.field-sales{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px max(40px,calc((100% - var(--layout-width))/2));color:#899879}.field-sales p{font-size:13px}.field-sales .l-consult{background:#6b7a59;border-radius:0;font-size:12px}.theme-company .project-footer{background:#e8ebdf;color:#a0aa94;border:0}.field-project-dialog{width:min(800px,calc(100% - 40px));max-height:90vh;border:0;background:#f3f2e9;color:#5a6a4c;padding:28px;overflow:auto}.field-project-dialog::backdrop{background:#223019cc;backdrop-filter:blur(7px)}.field-project-dialog>[data-close-project]{display:block;margin-left:auto;border:1px solid #cfd7c2;background:none;color:#849875;font-size:10px;padding:8px 12px;min-height:36px;margin-bottom:15px}.field-project-dialog [data-project-dialog-art]{height:340px;overflow:hidden;margin-bottom:25px}.field-project-dialog .field-art svg{height:100%;width:100%;object-fit:contain}.field-project-dialog>.l-kicker{font-size:8px;color:#a6b297}.field-project-dialog h2{font-size:28px;font-weight:400;letter-spacing:-.04em;margin-top:12px}.field-project-dialog [data-project-dialog-description]{font-size:12px;color:#99a48d;margin:13px 0 20px;line-height:1.8}.field-project-dialog>[data-project-inquiry]{font-size:12px;color:#667d53;display:inline-block;padding:12px 0;border-bottom:1px solid #b8c5a7}
/* Gallery thumbnails show structure, not just a color theme. */
.layout-preview{height:100%;width:100%;position:relative;overflow:hidden;padding:20px;font-size:10px}.preview-top{font-size:6px;letter-spacing:.08em;display:block}.preview-bottom{position:absolute;bottom:16px;left:20px;right:20px;font-size:6px;letter-spacing:.06em}.layout-preview-contest{background:#16291f;color:#eff9d9}.layout-preview-contest>strong{position:relative;z-index:2;display:block;margin-top:30px;font-size:31px;letter-spacing:-.065em;line-height:1.14}.preview-flower{position:absolute;font-size:165px;line-height:1;right:-5px;top:35px;transform:rotate(14deg);color:#c4e878}.layout-preview-contest .preview-top,.layout-preview-contest .preview-bottom{color:#a1be8b}.layout-preview-support{background:#eff3fa;color:#4b6d9f}.preview-portal{display:grid;grid-template-columns:65px 1fr;gap:12px;margin-top:20px}.preview-portal aside{font-size:7px;color:#9aabc4;line-height:2.6;border-right:1px solid #dae2ef}.preview-portal aside b{color:#5282c7}.preview-portal>div>strong{font-size:15px;letter-spacing:-.05em}.preview-portal p{padding:11px 7px;background:white;border:1px solid #e4e9f2;margin-top:7px;display:flex;justify-content:space-between;font-size:7px}.layout-preview-recruit{background:#181818;color:#faf9f2}.layout-preview-recruit>strong{display:block;font-size:28px;line-height:1.1;margin-top:23px;letter-spacing:-.06em;position:relative;z-index:1}.layout-preview-recruit>strong em{display:block;font-style:normal;color:#d6fc86}.preview-star{position:absolute;right:15px;top:55px;font-size:90px;color:#c9c4e6;transform:rotate(9deg)}.layout-preview-recruit .preview-bottom{color:#7d8b6c}.layout-preview-survey{padding:0;display:grid;grid-template-columns:.85fr 1.15fr;background:#fff}.preview-survey-sidebar{background:#eeeadd;padding:20px 14px;display:flex;flex-direction:column}.preview-survey-sidebar small{font-size:7px;letter-spacing:.09em;color:#a49c8b}.preview-survey-sidebar strong{font-size:14px;line-height:1.4;letter-spacing:-.04em;margin-top:21px;color:#8c8194}.preview-survey-sidebar>span{font-size:49px;color:#af93c0;line-height:1.3;margin-top:7px}.preview-survey-sidebar>b{font-size:7px;color:#b2a88e;margin-top:auto}.preview-question{padding:20px 13px}.preview-question>small{font-size:6px;color:#c8b7d5}.preview-question>strong{display:block;font-size:13px;color:#a28aac;line-height:1.4;margin:22px 0 13px}.preview-question>span{display:block;border:1px solid #f0e9f5;border-radius:4px;margin-top:6px;padding:7px;font-size:6px;color:#b6a2c4}.preview-question>b{display:block;text-align:right;margin-top:13px;font-size:6px;color:#b59ec7}.layout-preview-company{background:#b6bda7;color:white}.layout-preview-company .field-art{position:absolute;inset:0;background:#bdc7ad}.layout-preview-company .field-art svg{width:100%;height:100%;transform:translateX(20%) scale(1.25)}.layout-preview-company:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#263526ed,#273d2440 85%)}.layout-preview-company>.preview-top{position:relative;z-index:2;color:#c9d8b7}.layout-preview-company>strong{position:relative;z-index:2;font-size:29px;line-height:1.25;font-weight:400;letter-spacing:-.06em;display:block;margin-top:34px}.demo-card-copy .layout-caption{font-size:9px;color:#9aa3b2;margin-top:9px;letter-spacing:.02em}
@keyframes poster-turn{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes poster-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes mono-star-drift{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(25deg)}}@keyframes survey-breathe{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes survey-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.15)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-reduced [data-parallax]{transform:none!important;transition:none!important}
@media(max-width:1150px){.poster-type h1{font-size:85px}.poster-object{right:-60px;opacity:.6}.portal-workspace{grid-template-columns:140px minmax(0,1fr);gap:22px}.portal-service{position:static;grid-column:2;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:20px}.portal-service>.l-kicker{grid-column:1/-1}.portal-service h2{margin:0;font-size:20px}.portal-service ul{margin:0}.portal-service>div{border:0;margin:0;padding:0}.portal-service>a{align-self:center}.portal-intro{padding-top:38px}.mono-culture{grid-template-columns:1fr;gap:20px}.culture-cards{max-width:680px;margin:auto;width:100%;gap:25px}.culture-card{min-height:270px}.mono-jobs{gap:45px;grid-template-columns:.85fr 1.5fr}.mono-cover h1{font-size:80px}.survey-studio{grid-template-columns:270px minmax(0,1fr)}.survey-sidebar{padding:30px}.survey-sidebar h1{font-size:31px}.survey-question-stage{padding:28px 40px}.field-philosophy{grid-template-columns:.7fr 2fr}.field-philosophy-index{display:none}.field-cover-caption h1{font-size:75px}.field-cover{min-height:580px}.field-space-grid>article:first-child .space-visual{height:580px}.field-project-button .space-visual{height:240px}}
@media(max-width:760px){.l-project-nav{padding:17px 20px;min-height:70px;gap:15px}.l-brand{font-size:20px!important}.l-brand span{display:none}.l-brand em{font-size:9px;padding-left:10px}.l-project-nav nav{gap:16px;font-size:10px}.l-project-nav nav a:first-child{display:none}.l-motion{font-size:9px;padding:5px 7px;min-height:30px}.layout-v2 .experience-bar{gap:9px}.layout-v2 .experience-brand{gap:5px}.l-consult{font-size:11px;padding:12px 16px;gap:15px;min-height:44px}.layout-v2 .project-footer{padding:24px 20px}.contest-poster{padding:20px 20px 25px;min-height:700px}.poster-meta{font-size:7px;gap:16px;line-height:1.7}.poster-main{min-height:550px;align-items:flex-start}.poster-type{padding-top:55px}.poster-type .l-kicker{font-size:7px;max-width:200px;margin-bottom:18px}.poster-type h1{font-size:clamp(45px,9vw,67px);line-height:1.12;letter-spacing:-.075em}.poster-type>p:not(.l-kicker){font-size:11px;margin:25px 0}.poster-object{width:290px;height:290px;top:250px;right:-60px;opacity:.35}.poster-object .morrow-orbit{width:260px;height:260px}.poster-object .morrow-petal{width:139px;height:139px}.poster-stamp{font-size:13px;top:100px;left:100px}.poster-type .poster-entry{margin-top:5px;position:relative;z-index:4}.poster-entry{min-height:48px;padding:13px 17px;gap:30px;font-size:11px}.poster-year{font-size:160px;right:0;bottom:-20px}.poster-bottom{align-items:flex-start;gap:13px;flex-wrap:wrap;padding-top:18px}.poster-bottom>span:first-child{font-size:7px;flex-basis:100%}.poster-bottom>span:nth-child(2){font-size:8px}.poster-bottom strong{font-size:23px}.poster-bottom>a{font-size:9px;align-self:flex-end}.contest-ticker{padding:13px 0}.contest-ticker>div{font-size:16px;gap:25px}.contest-ticker b{font-size:25px}.contest-ticker button{width:29px;height:29px;font-size:11px}.contest-manifesto{grid-template-columns:1fr;padding:45px 20px;gap:20px}.contest-manifesto>.l-kicker{font-size:8px}.contest-manifesto h2{font-size:34px}.contest-manifesto p:not(.l-kicker){font-size:12px}.contest-manifesto p br{display:none}.contest-fields{padding:40px 20px 45px}.l-section-line{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:25px}.l-section-line .l-kicker{font-size:8px}.l-section-line h2{font-size:22px}.contest-field-grid{grid-template-columns:1fr;gap:25px}.contest-field-grid article{display:grid;grid-template-columns:100px 1fr;gap:4px 20px;padding:16px 0}.contest-field-grid article>span{grid-column:1/-1;margin-bottom:10px}.field-symbol{grid-column:1;grid-row:2/5;height:100px;font-size:76px}.contest-field-grid small{font-size:8px}.contest-field-grid h3{font-size:20px;margin:4px 0}.contest-field-grid p{font-size:11px}.contest-schedule{grid-template-columns:1fr;padding:35px 20px;gap:18px}.contest-schedule>.l-kicker{font-size:8px}.contest-schedule h2{font-size:29px}.contest-schedule>div>p{margin:0 0 15px}.contest-sales{flex-direction:column;align-items:flex-start;padding:25px 20px;gap:17px}.contest-sales>span{font-size:8px}.contest-entry-dialog{width:calc(100% - 20px);max-height:94vh}.entry-dialog-head{padding:11px 17px;font-size:8px}.entry-dialog-head button{font-size:10px;padding:5px 9px}.contest-entry{grid-template-columns:1fr;padding:22px 17px;gap:24px}.contest-entry .experience-intro h2{font-size:25px}.contest-entry .experience-intro .privacy-note{font-size:10px}.contest-entry .experience-intro>p{font-size:11px}.contest-entry .experience-panel{padding:19px}
.portal-intro{padding:30px 20px;gap:20px}.portal-intro h1{font-size:32px}.portal-intro .l-kicker{font-size:7px;margin-bottom:14px}.portal-intro p:not(.l-kicker){font-size:11px}.portal-symbol{width:100px;height:100px;margin:0;gap:5px;flex:none;align-self:flex-end;opacity:.6}.portal-symbol span{font-size:24px}.portal-workspace{padding:0 20px 30px;grid-template-columns:1fr;gap:10px}.portal-menu{position:static;padding:16px 0 0;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #dfe6f1}.portal-menu>.l-kicker,.portal-menu>strong,.portal-callout{display:none}.portal-menu>a{font-size:10px;margin:0;padding:8px 10px;gap:9px}.portal-menu>a>span{font-size:8px}.portal-tabs{margin-bottom:16px;gap:21px}.portal-tabs button{font-size:12px;min-height:45px}.portal-board-heading{align-items:flex-start;gap:10px;margin-bottom:17px}.portal-board-heading h2{font-size:14px;max-width:200px;line-height:1.5}.portal-board-heading>span{font-size:8px;padding-top:3px}.program-card{padding:19px}.program-card h3{font-size:18px;margin:12px 0 8px}.program-card>p{font-size:11px}.program-foot{gap:10px;flex-wrap:wrap;padding-top:12px;margin-top:17px}.program-foot>span{font-size:9px}.program-foot button{font-size:10px}.portal-service{grid-column:1;margin-top:13px;grid-template-columns:1fr 1fr;padding:20px 17px;gap:13px}.portal-service h2{font-size:18px}.portal-service ul{font-size:9px}.portal-service li{margin:7px 0}.portal-service>a{font-size:9px;min-height:39px;padding:9px 5px}.portal-service>div strong{font-size:10px}.portal-service>.l-kicker{font-size:7px}.portal-panel-title{font-size:17px}.portal-process-list>li{padding:20px 17px;gap:14px}.portal-process-list h3{font-size:13px}.portal-process-list p{font-size:10px}.portal-faq summary{padding:15px;font-size:12px}.portal-faq p{padding:0 15px 17px;font-size:11px}.portal-process-strip{padding:25px 20px;flex-direction:column;align-items:flex-start;gap:16px}.portal-process-strip h2{font-size:20px}.portal-process-strip ol{gap:20px;margin:0;font-size:10px}.portal-process-strip b{margin-right:6px;font-size:10px}.portal-entry-wrap{width:calc(100% - 40px);margin:40px auto}.portal-entry-title{padding-bottom:20px;margin-bottom:24px}.portal-entry-title h2{font-size:25px}.portal-entry-title>span{font-size:10px}.portal-entry{grid-template-columns:1fr;gap:23px}.portal-entry .experience-intro h2{font-size:23px}.portal-entry .experience-intro .privacy-note{font-size:10px}.portal-entry .experience-panel{padding:21px}.portal-footer-guide{padding:30px 20px;flex-direction:column;align-items:flex-start;gap:23px}.portal-footer-guide h2{font-size:24px}
.mono-cover{padding:22px 20px}.mono-cover-issue{font-size:7px;gap:20px}.mono-cover-main{grid-template-columns:1fr;gap:30px;padding:40px 0 30px}.mono-cover h1{font-size:clamp(52px,10.5vw,78px);line-height:1.13}.mono-cover-side{padding:0;border:0;max-width:none;display:grid;grid-template-columns:1fr 100px;gap:10px 20px}.mono-cover-side>p{font-size:12px}.mono-cover-side>a{grid-column:1;font-size:10px;margin-top:9px;gap:20px;max-width:240px}.mono-issue-index{grid-column:2;grid-row:1/3;align-self:center;margin:0;flex-direction:column;gap:5px}.mono-issue-index>span{font-size:55px}.mono-issue-index small{font-size:7px;text-align:center}.mono-cover-footer{font-size:7px;line-height:1.8;gap:15px}.mono-cover-footer>span:last-child{text-align:right}.mono-culture{padding:40px 20px 55px;gap:25px}.culture-copy h2{font-size:31px}.culture-copy>p:not(.l-kicker){font-size:11px;margin-top:17px}.culture-copy>.l-kicker{font-size:8px;margin-bottom:16px}.culture-cards{gap:9px;padding:15px 0}.culture-card{padding:13px 10px;min-height:205px}.culture-card>span{font-size:5px;letter-spacing:0}.culture-card>div{height:110px;font-size:64px}.culture-card h3{font-size:11px;line-height:1.6}.culture-lime{transform:rotate(-5deg)}.culture-lilac{transform:translateY(15px) rotate(3deg)}.culture-white{transform:translateY(-5px) rotate(6deg)}.mono-jobs{padding:40px 20px;grid-template-columns:1fr;gap:27px}.mono-jobs-copy{position:static}.mono-jobs-copy>.l-kicker{font-size:8px}.mono-jobs-copy h2{font-size:31px;margin:14px 0}.mono-jobs-copy>p{font-size:11px}.mono-jobs-copy .l-fine{font-size:8px;margin-top:14px}.mono-job-filters{gap:5px;margin-bottom:17px}.mono-job-filters button{font-size:10px;padding:7px 13px;min-height:35px}.mono-job-board .position{padding:22px 0;gap:15px}.mono-job-board .position strong{font-size:20px}.mono-job-board .position small{font-size:7px;letter-spacing:.03em}.mono-job-board .position>span:last-child{font-size:9px}.mono-entry-heading{padding:35px 20px 27px}.mono-entry-heading h2{font-size:30px}.mono-entry-heading>p{font-size:11px}.mono-entry{grid-template-columns:1fr;padding:0 20px 40px;gap:23px}.mono-entry .experience-intro{padding:0}.mono-entry .experience-intro>p{font-size:11px}.mono-entry .experience-panel{padding:23px}.mono-entry .demo-fields{display:block}.mono-entry .demo-fields>.demo-field{margin-bottom:17px}.mono-last{padding:30px 20px;gap:22px;align-items:flex-start}.mono-last-star{font-size:65px;padding-top:12px}.mono-last .l-kicker{font-size:7px}.mono-last h2{font-size:24px;line-height:1.4}.mono-last .l-consult{font-size:10px;padding:10px 12px;gap:15px}
.survey-top{height:62px;padding:0 20px;gap:15px}.survey-top>a{font-size:20px;gap:10px}.survey-top>a>span{font-size:8px}.survey-top>span{font-size:8px;max-width:90px;text-align:right}.survey-studio{grid-template-columns:1fr;min-height:0}.survey-sidebar{padding:25px 22px 20px;border:0;display:grid;grid-template-columns:1fr 100px;gap:15px;position:relative}.survey-sidebar>div:first-child{display:contents}.survey-sidebar .l-kicker{font-size:7px;margin:0;grid-column:1;grid-row:1}.survey-sidebar h1{font-size:26px;grid-column:1;grid-row:2;margin:0}.survey-sidebar h1 br:nth-child(2){display:none}.survey-character{grid-column:2;grid-row:1/4;width:95px;height:90px;margin:12px 0 0;align-self:center}.character-eye{top:33px;width:5px;height:8px}.eye-left{left:29px}.eye-right{right:29px}.character-smile{width:27px;height:17px;left:34px;top:48px;border-width:2px}.survey-character>i{font-size:26px;right:-9px;top:-8px}.survey-side-copy{display:none}.survey-status{padding:0;border:0;grid-column:1/-1;display:grid;grid-template-columns:35px 1fr;gap:0 12px;align-items:center;margin-top:4px}.survey-status>div:first-child{margin:0;grid-column:1;grid-row:1/3}.survey-status [data-survey-current]{font-size:26px}.survey-status small{display:none}.survey-track{grid-column:2;margin-top:7px;height:3px}.survey-status>p{grid-column:2;margin-top:3px;font-size:8px}.survey-question-stage{padding:24px 22px 25px}.survey-stage-heading{font-size:8px;margin-bottom:21px;gap:10px}.survey-stage-heading>span:last-child{font-size:7px}.survey-question-stage .experience-panel{min-height:390px}.survey-question-stage .form-steps{margin:10px 0 27px}.survey-question-stage .form-heading{font-size:25px;line-height:1.45}.survey-question-stage .form-hint{font-size:11px;margin-bottom:23px}.survey-question-stage .radio-choice{font-size:13px;padding:14px 15px;min-height:52px}.survey-question-stage .demo-form-actions{margin-top:23px}.survey-question-stage .demo-next{font-size:11px;min-height:44px;padding:10px 20px}.survey-question-stage .rating-choice span{padding:16px 0;font-size:17px}.survey-tools{margin-top:23px;gap:10px;flex-wrap:wrap;padding-top:14px}.survey-tools .sample-button{font-size:9px}.survey-tools details{font-size:9px;max-width:none;width:100%;padding-top:0}.survey-tools details p{font-size:10px}.survey-sales{padding:22px;flex-direction:column;align-items:flex-start;gap:15px}.survey-sales strong{font-size:12px}.survey-sales p{font-size:9px}.survey-sales .l-consult{font-size:10px}.survey-question-stage .demo-complete h3{font-size:25px}
.field-cover{height:600px;min-height:0;max-height:none}.field-cover-visual{inset:-20px -90px -20px 2%}.field-cover .field-art svg{transform:scale(1.2);transform-origin:70% 60%}.field-cover-grain{background:linear-gradient(90deg,#273726dd,#2d3e2a66 75%)}.field-cover-caption{width:calc(100% - 40px);padding-top:60px}.field-cover-caption>.l-kicker{font-size:7px;margin-bottom:32px}.field-cover-caption h1{font-size:57px;line-height:1.2}.field-cover-caption>a{font-size:8px;gap:45px;margin-top:30px}.field-cover-bottom{left:20px;right:20px;bottom:20px;font-size:7px;line-height:1.7;flex-direction:column;gap:4px}.field-philosophy{padding:40px 20px;grid-template-columns:1fr;gap:20px}.field-philosophy>.l-kicker{font-size:8px;margin:0}.field-philosophy h2{font-size:28px}.field-philosophy p:not(.l-kicker){font-size:11px;margin-top:18px}.company-projects{padding:10px 20px 40px}.field-project-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:23px}.field-project-heading .l-kicker{font-size:7px}.field-project-heading h2{font-size:29px;margin-top:13px}.field-project-heading .project-filters{gap:20px}.field-space-grid,.company-projects.is-filtered .field-space-grid{grid-template-columns:1fr;gap:30px}.field-space-grid>article:first-child{grid-row:auto}.field-space-grid>article:first-child .space-visual,.company-projects.is-filtered .field-space-grid>article .space-visual{height:360px}.field-project-button .space-visual{height:260px}.field-project-caption{margin-top:14px}.field-project-caption h3{font-size:16px;margin-top:6px}.field-project-caption small{font-size:7px}.field-project-caption>span:last-child{font-size:9px}.field-project-arrow{width:32px;height:32px;font-size:16px;right:13px;bottom:12px}.field-service-line{padding:25px 20px;gap:12px;font-size:12px;white-space:nowrap}.field-entry-wrap{padding:40px 20px}.field-entry-wrap>.l-kicker{font-size:8px;margin-bottom:16px}.field-entry-wrap>h2{font-size:29px;margin-bottom:23px}.field-entry{grid-template-columns:1fr;gap:25px}.field-entry .experience-intro>p{font-size:11px}.field-entry .experience-panel{padding:24px}.field-entry .privacy-note{font-size:11px}.field-sales{padding:25px 20px;flex-direction:column;align-items:flex-start;gap:15px}.field-sales p{font-size:12px}.field-sales .l-consult{font-size:11px}.field-project-dialog{width:calc(100% - 24px);padding:20px;max-height:92vh}.field-project-dialog [data-project-dialog-art]{height:250px}.field-project-dialog h2{font-size:24px}.field-project-dialog [data-project-dialog-description]{font-size:11px}.field-project-dialog>[data-project-inquiry]{font-size:11px}}
@media(max-width:400px){.poster-type h1{font-size:49px}.poster-main{min-height:530px}.poster-type .l-kicker{font-size:6px;letter-spacing:.08em}.poster-object{right:-90px;opacity:.27}.portal-symbol{display:none}.portal-intro h1{font-size:32px}.l-brand em{max-width:75px;font-size:8px;line-height:1.4}.l-project-nav nav{gap:12px;font-size:9px}.mono-cover h1{font-size:53px}.culture-card{min-height:190px;padding:12px 8px}.culture-card>div{height:100px;font-size:60px}.culture-card h3{font-size:10px}.culture-card>span{font-size:5px}.mono-job-filters button{padding:7px 11px;font-size:9px}.survey-top>a>span{display:none}.survey-sidebar h1{font-size:25px}.survey-question-stage .form-heading{font-size:23px}.field-cover-caption h1{font-size:53px}.field-service-line{font-size:10px;gap:9px}.l-motion{font-size:8px;padding:5px 6px}.layout-v2 .experience-bar{padding:0 12px;gap:7px}.layout-v2 .consult-link{font-size:10px;padding:8px 9px}.layout-v2 .experience-brand>span{font-size:10px}.layout-v2 .experience-brand small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.layout-v2 *,.layout-v2 *:before,.layout-v2 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.field-cover-visual{transform:none!important}.culture-card:hover{transform:none}.poster-object .morrow-orbit{transform:translate(-50%,-50%) rotate(10deg)}}

.contest-ticker.is-paused>div{animation-play-state:paused}.motion-paused{scroll-behavior:auto}.motion-reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Keep dense content readable as the viewport narrows. */
.layout-v2 h1,.layout-v2 h2,.layout-v2 h3{word-break:keep-all;overflow-wrap:break-word}.l-entry>*,.portal-workspace>*,.portal-intro>div:first-child{min-width:0}.portal-intro>div:first-child{flex:1}.program-card{min-width:0}.program-foot button{flex-shrink:0}.field-project-heading>div:first-child{flex:1;min-width:0}.field-project-heading .project-filters{flex:none;flex-wrap:wrap}.mono-entry .demo-fields{display:block}.mono-entry .demo-fields>.demo-field{margin-bottom:18px}.mono-entry .demo-fields>.demo-field:last-child{margin-bottom:0}
.portal-intro p:not(.l-kicker),.program-card>p,.portal-footer-guide p,.portal-service ul,.portal-service>div strong{color:#627897}.survey-question-stage .form-hint,.survey-tools,.survey-tools details,.survey-side-copy{color:#786889}.culture-copy>p:not(.l-kicker),.mono-entry .experience-intro>p,.mono-entry-heading>p{color:#63705b}.field-philosophy p:not(.l-kicker),.field-entry .experience-intro>p,.field-project-caption small{color:#66725b}
@media(max-width:760px){.portal-workspace{display:block}.portal-menu{margin-bottom:12px}.portal-service{display:block;margin-top:22px}.portal-service>.l-kicker{margin-bottom:12px}.portal-service ul{margin:15px 0}.portal-service>a{width:100%;margin:14px 0}.portal-service>div{padding-top:15px;border-top:1px solid #d4def3}.portal-main,.program-list,.program-card,.portal-entry .experience-panel{width:100%}.portal-board-heading h2{flex:1;min-width:0}.portal-board-heading>span{flex-shrink:0}.portal-intro h1{max-width:none}.field-project-heading>div:first-child{width:100%}}
.field-project-heading .project-filters{display:grid;grid-template-columns:repeat(4,max-content)}.mono-job-filters{display:grid;grid-template-columns:repeat(4,max-content)}
@media(max-width:760px){.survey-sidebar{display:block}.survey-sidebar>div:first-child{display:block;position:relative;padding-right:105px}.survey-sidebar .l-kicker{margin-bottom:12px}.survey-sidebar h1{margin:0}.survey-character{position:absolute;top:8px;right:0;margin:0}.survey-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:20px}.survey-status>div:first-child{width:35px;flex:none}.survey-track{flex:1;min-width:0;margin-top:0}.survey-status>p{flex-basis:100%;padding-left:47px;margin:0}.survey-sidebar h1 br:nth-child(2){display:inline}}

/* Keep contest ornaments independent of emoji fonts and behind the copy. */
.theme-contest .contest-asterisk {
  display: block;
  width: 1em;
  height: 1em;
  max-width: none;
  flex: none;
}
.theme-contest .contest-ticker b {
  display: inline-flex;
  align-items: center;
  flex: none;
}
.theme-contest .contest-manifesto {
  isolation: isolate;
}
.theme-contest .contest-manifesto > :not(.manifesto-asterisk) {
  position: relative;
  z-index: 1;
}
.theme-contest .manifesto-asterisk {
  z-index: 0;
  color: #96ba5b;
  opacity: .08;
  width: 440px;
  height: 440px;
  font-size: 0;
}
.theme-contest .manifesto-asterisk .contest-asterisk {
  width: 100%;
  height: 100%;
}
.theme-contest .field-symbol .contest-asterisk {
  width: 1em;
  height: 1em;
}
@media (max-width: 760px) {
  .theme-contest .manifesto-asterisk {
    width: 180px;
    height: 180px;
    right: -40px;
    bottom: -45px;
    opacity: .06;
  }
}