*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;font:16px/1.9 'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;color:var(--ink);background:var(--paper)}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,5vw,68px);line-height:1.5}h2{font-size:clamp(27px,3vw,40px);line-height:1.6}h3{font-size:22px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.demo-banner{padding:10px 5%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;background:var(--ink);color:var(--paper);font-size:14px}.demo-banner a{text-decoration:underline}.sample-header{padding:28px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}.sample-brand{font:700 38px/1.1 Georgia,serif;letter-spacing:.06em}.sample-brand span{display:block;font:14px/1.6 Arial,sans-serif;letter-spacing:.08em;margin-top:10px}.sample-header nav{display:flex;flex-wrap:wrap;gap:12px 30px;font-size:14px}.sample-header nav a{padding:8px 0}.sample-header nav a:hover{text-decoration:underline}.sample-section{width:88%;max-width:1200px;margin:auto;padding:90px 0}.kicker{font:600 14px/1.7 Arial,sans-serif;letter-spacing:.14em;color:var(--accent);margin-bottom:20px}.sample-button{display:inline-block;padding:14px 28px;margin-top:30px;border:1px solid currentColor}.small-note{font-size:14px;color:var(--muted);margin-top:24px}.story p+p{margin-top:20px}.visit-section dl{margin:0}.visit-section dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.visit-section dt{font-weight:600}.visit-section dd{margin:0}.demo-footer{padding:40px 6%;background:var(--ink);color:var(--paper);font-size:14px}.demo-footer p{max-width:950px}.demo-footer a{display:inline-block;margin:20px 24px 0 0;text-decoration:underline}
/* mori: a quiet coffee-house menu, serif type and a tall photograph. */
.cafe{--ink:#54222d;--paper:#fff7e9;--accent:#8c3549;--muted:#735e5b;--line:#dbc9bc}.cafe .sample-header{max-width:1320px;margin:auto;border-bottom:1px solid var(--line)}.cafe .sample-brand{font-size:62px;font-style:italic;letter-spacing:-.06em}.cafe .sample-brand span{font-style:normal;letter-spacing:.08em}.cafe .sample-header nav{font-family:'Yu Mincho',serif}.cafe-hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;width:88%;max-width:1200px;margin:50px auto 80px}.cafe-hero>img{grid-column:2;grid-row:1;width:100%;height:570px;object-fit:cover;border-radius:48% 48% 3px 3px}.cafe-hero-copy{grid-column:1;grid-row:1;padding:25px 0}.cafe-hero-copy>p:first-child{font:14px Georgia,serif;letter-spacing:.16em}.cafe-hero h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:500;margin:30px 0;line-height:1.65}.cafe .sample-button{border-radius:100px;background:var(--ink);color:var(--paper);padding:14px 38px}.cafe h2,.cafe h3{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:500}.cafe .story{max-width:760px;text-align:center;border-top:1px solid var(--line)}.cafe .story>div+div{margin-top:32px}.cafe .menu-section{background:var(--ink);color:var(--paper)}.cafe .menu-section .sample-section{max-width:900px}.cafe .menu-section .kicker,.cafe .menu-section .small-note{color:#e5c6bd}.cafe .menu-columns{margin-top:40px}.cafe .menu-columns article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 25px;border-top:1px solid #986773;padding:28px 0}.cafe .menu-columns article>span{grid-column:1;font:14px Georgia,serif;color:#e5c6bd}.cafe .menu-columns h3{grid-column:1}.cafe .menu-columns p{grid-column:1;color:#f0ddd7}.cafe .menu-columns strong{grid-column:2;grid-row:2;font:28px Georgia,serif;white-space:nowrap}.cafe .visit-section{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.cafe .visit-section h2+p{margin-top:24px}
/* NEST: architectural editorial, oversized masthead and horizontal service rows. */
.company{--ink:#202221;--paper:#fff;--accent:#b13d18;--muted:#646763;--line:#d4d7d2}.company .sample-header{border-bottom:1px solid var(--ink)}.company .sample-brand{font:900 48px/1 Arial,sans-serif;letter-spacing:-.06em}.company .sample-brand span{letter-spacing:.1em;font-weight:400}.company-hero{position:relative;background:#222521;color:white;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:60px 6% 0;gap:20px 6%}.company-hero>div{display:contents}.company-hero .kicker{grid-column:1/-1;color:#ff986f;margin:0}.company-hero h1{grid-column:1;font-size:clamp(36px,4.7vw,68px);letter-spacing:-.05em;margin:12px 0 30px}.company-hero>div>p:not(.kicker):not(.small-note){grid-column:2;grid-row:2;align-self:center}.company-hero .sample-button{grid-column:2;grid-row:3;justify-self:start;background:#ff8b5f;color:#201c19;border:0;margin:0 0 32px;font-weight:700}.company-hero .small-note{grid-column:1;grid-row:3;color:#c9cbc6;margin:0 0 32px}.company-hero>img{grid-column:1/-1;width:100%;height:460px;object-fit:cover;object-position:center 60%;border-top:5px solid #ff8b5f}.company .story{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;border-bottom:1px solid var(--ink)}.company .service-band{background:#f0f1ed}.company .menu-columns{margin-top:40px}.company .menu-columns article{border-top:1px solid #a9ada6;padding:32px 0;display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);gap:28px}.company .menu-columns span{font:36px/1.4 Arial;color:var(--accent)}.company .menu-columns h3{font-size:24px}.company .process-list{list-style:none;counter-reset:steps;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line)}.company .process-list li{padding:30px;border-right:1px solid var(--line)}.company .process-list li:last-child{border:0}.company .process-list li:before{counter-increment:steps;content:'0' counter(steps);display:block;font:56px/1.2 Arial;color:var(--accent);margin-bottom:25px}.company .process-list strong{font-size:20px}.company .process-list p{margin-top:12px}.company .visit-section{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;border-top:1px solid var(--ink)}.company .visit-section h2+p{margin-top:20px}
/* TASK NOTE: horizontal app navigation and an indigo workspace. */
.task-theme{--ink:#222346;--paper:#f2f3fb;--accent:#5043c6;--muted:#62627c;--line:#dedeee}.task-theme .demo-banner{background:#29234f;color:white}.workspace{min-height:85vh}.app-sidebar{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:24px 5%;background:#fff;border-bottom:1px solid var(--line)}.app-sidebar .sample-brand{font:800 24px/1.2 Arial,sans-serif;letter-spacing:-.03em;margin-right:auto;color:#4334af}.app-sidebar .sample-brand span{font-size:12px;letter-spacing:.13em}.app-sidebar>a:not(.sample-brand){font-size:14px;padding:10px 16px;border-radius:10px}.app-sidebar a.active{background:#eeeaff;color:#4334af;font-weight:700}.workspace-name,.sidebar-foot{display:none}.task-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;max-width:1250px;padding:48px 5% 60px;margin:auto}.app-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px}.app-heading h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.03em;margin:8px 0 12px}.app-heading .kicker{margin-bottom:0}.app-heading>div>p:last-child{color:var(--muted)}.app-status{font-size:14px;white-space:nowrap;border:1px solid #bbb4e7;padding:7px 16px;border-radius:30px;color:#4939af}.task-board{grid-column:1;grid-row:2;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 12px 35px #2c246308}.task-guide{grid-column:2;grid-row:2;align-self:start;background:#e9e6ff;border-radius:16px;padding:28px;color:#454069;border-top:4px solid #7665d8}.task-guide h2{font-size:20px;margin-bottom:20px}.task-guide p+p{margin-top:20px;font-size:14px}.board-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}.board-title h2{font-size:24px}.board-title p{font-size:14px;color:var(--muted)}#task-form label{font-size:14px;font-weight:600}.task-entry{display:flex;gap:10px;margin:10px 0 28px}.task-entry input{min-width:0;flex:1;padding:12px 14px;border:1px solid #b9b7d2;border-radius:10px}.task-theme button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:11px 16px}.task-entry button{background:#5043c6;color:#fff;border-color:#5043c6;white-space:nowrap}.task-filters{display:flex;gap:6px;flex-wrap:wrap;background:#f2f1f9;padding:6px;border-radius:12px}.task-filters button{background:transparent;border-color:transparent;font-size:14px}.task-filters button[aria-pressed=true]{background:white;color:#4939af;box-shadow:0 2px 5px #21164612}#task-list{list-style:none;margin:12px 0 26px;padding:0}#task-list li{padding:20px 0;border-bottom:1px solid var(--line)}#task-list label{display:flex;gap:14px;align-items:flex-start;cursor:pointer}#task-list input{width:22px;height:22px;flex:none;accent-color:#5043c6}#task-list span{overflow-wrap:anywhere}#task-list input:checked+span{text-decoration:line-through;color:var(--muted)}#task-reset{font-size:14px;color:var(--muted)}.app-footnote{grid-column:1/-1;font-size:14px;color:var(--muted)}
@media(max-width:900px){.sample-header{flex-wrap:wrap}.cafe-hero{gap:5%}.cafe-hero>img{height:480px}.company .menu-columns article{grid-template-columns:45px minmax(0,1fr);gap:12px 24px}.company .menu-columns p{grid-column:2}.task-main{grid-template-columns:minmax(0,1fr)}.task-guide{grid-column:1;grid-row:3}.app-footnote{grid-row:4}.app-heading{flex-wrap:wrap}.app-sidebar{gap:12px}.company .process-list li{padding:24px}}
@media(max-width:600px){.demo-banner{font-size:14px}.sample-header{padding:22px 6%;gap:20px}.sample-header nav{gap:8px 20px}.sample-section{padding:58px 0}.cafe .sample-brand{font-size:48px}.cafe-hero{grid-template-columns:1fr;margin:20px auto 50px;gap:30px}.cafe-hero-copy{grid-column:1;grid-row:1;padding:15px 0 0}.cafe-hero h1{font-size:38px;margin:20px 0}.cafe-hero>img{grid-column:1;grid-row:2;height:350px;border-radius:45% 45% 3px 3px}.cafe .visit-section{grid-template-columns:1fr;gap:30px}.cafe .menu-columns article{gap:8px 14px}.cafe .menu-columns h3{font-size:20px}.cafe .menu-columns strong{font-size:24px}.company-hero{display:flex;flex-direction:column;align-items:stretch;padding:36px 6% 0;gap:20px}.company-hero>div{display:block}.company-hero h1{margin:20px 0}.company-hero .sample-button{margin:25px 0 0}.company-hero .small-note{margin:20px 0}.company-hero>img{height:290px}.company .story,.company .visit-section{grid-template-columns:1fr;gap:30px}.company .process-list{grid-template-columns:1fr}.company .process-list li{border-right:0;border-bottom:1px solid var(--line)}.company .process-list li:before{font-size:40px}.company .menu-columns h3{font-size:21px}.visit-section dl>div{grid-template-columns:1fr;gap:6px}.app-sidebar .sample-brand{width:100%}.app-sidebar>a:not(.sample-brand){padding:9px 10px}.task-main{padding:30px 5%;gap:24px}.task-board{padding:24px 18px;border-radius:16px}.task-entry{flex-direction:column}.task-guide{padding:22px}.app-heading h1{font-size:28px}.demo-footer a{display:block;margin-right:0}}
.demo-price-note{width:88%;max-width:1100px;margin:40px auto 60px;padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.demo-price-note h2{font-size:26px;margin:16px 0}.demo-price-note p+p{margin-top:18px}.demo-price-note .demo-price-amount{font-size:24px;font-weight:700;margin-bottom:20px}.demo-price-note a{display:inline-block;text-decoration:underline;margin:24px 24px 0 0}.demo-price-note>p:first-child{font-size:14px;font-weight:600;color:var(--accent)}@media(max-width:600px){.demo-price-note{padding:24px}.demo-price-note h2{font-size:23px}.demo-price-note .demo-price-amount{font-size:22px}}