:root{color:#22231f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e9e8e2;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:#e9e8e2;min-width:320px}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{color:inherit}@media (prefers-color-scheme:dark){:root{color:#ecece5;background:#171815}html{background:#171815}}:root{--shell-bg:#e9e8e2;--panel-bg:#f5f4ef;--ink:#22231f;--muted:#6c6e66;--line:#cdcec6;--active:#d85e38;--active-ink:#27140f;--radius:12px}button{cursor:pointer;border:0}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--active) 55%, transparent);outline-offset:2px}.app-shell{background:var(--shell-bg);min-height:100dvh;color:var(--ink)}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel-bg) 90%, transparent);z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:310px 1fr auto;align-items:center;gap:24px;height:68px;padding:0 20px;display:grid;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:10px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--panel-bg);letter-spacing:-.04em;border-radius:9px;place-items:center;font-size:11px;display:grid}.topbar-copy{align-items:baseline;gap:12px;font-size:13px;display:flex}.topbar-copy span{color:var(--muted)}.top-export,.download-primary{background:var(--ink);color:var(--panel-bg);border-radius:9px;font-weight:700}.top-export{white-space:nowrap;padding:11px 16px}.workspace{grid-template-columns:310px minmax(480px,1fr) 280px;height:calc(100dvh - 68px);min-height:0;display:grid;overflow:hidden}.controls,.pack-panel{overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--panel-bg);min-height:0;padding:24px 20px;overflow-y:auto}.controls{border-right:1px solid var(--line)}.pack-panel{border-left:1px solid var(--line);flex-direction:column;gap:24px;display:flex}.panel-intro{border-bottom:1px solid var(--line);padding-bottom:24px}.eyebrow{color:var(--active-ink);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.panel-intro h1{letter-spacing:-.045em;max-width:260px;margin:0 0 10px;font-size:28px;line-height:1.02}.panel-intro p,.pack-panel>div:first-child p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.control-group{border-bottom:1px solid var(--line);margin:0;padding:22px 0}.control-group summary,.pack-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;list-style:none;display:flex}.control-group summary::-webkit-details-marker{display:none}.pack-section summary::-webkit-details-marker{display:none}.control-group summary:after,.pack-section summary:after{content:"+";color:var(--muted);font-weight:400}.control-group[open]>summary,.pack-section[open]>summary{margin-bottom:13px}.control-group[open]>summary:after,.pack-section[open]>summary:after{content:"-"}.brand-fields{gap:10px;display:grid}.brand-fields label{color:var(--muted);gap:5px;font-size:9px;font-weight:700;display:grid}.brand-fields input,.brand-fields textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:0 0;border-radius:7px;padding:9px;font:11px/1.4 inherit}.palette-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.font-list{gap:7px;display:grid}.palette-option,.font-option,.direction-list button,.motion-list button{text-align:left;background:0 0;border-radius:9px;width:100%;padding:9px;transition:background-color .16s,transform .16s}.palette-option{gap:7px;font-size:11px;font-weight:700;display:grid}.palette-option:hover,.font-option:hover,.direction-list button:hover,.motion-list button:hover{background:color-mix(in srgb, var(--line) 42%, transparent)}.palette-option[aria-pressed=true],.font-option[aria-pressed=true],.direction-list button[aria-pressed=true],.motion-list button[aria-pressed=true]{background:var(--ink);color:var(--panel-bg)}.mini-swatches{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:5px;width:100%;display:flex;overflow:hidden}.mini-swatches i{flex:1;height:18px;display:block}.custom-colours{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.custom-colours label{color:var(--muted);text-transform:capitalize;gap:5px;font-size:9px;display:grid}.custom-colours input{border:1px solid var(--line);background:0 0;border-radius:6px;width:100%;height:28px;padding:2px}.font-option{grid-template-columns:42px 1fr;align-items:center;gap:9px;display:grid}.font-option b{font-size:19px;font-weight:500}.font-option span,.font-option small,.direction-list small,.motion-list small{display:block}.font-option strong,.direction-list strong,.motion-list strong{font-size:11px}.font-option small,.direction-list small,.motion-list small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.3}.font-option[aria-pressed=true] small,.direction-list button[aria-pressed=true] small,.motion-list button[aria-pressed=true] small{color:#c6c7c0}.direction-list{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.motion-list{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.direction-list button,.motion-list button{min-height:60px}.preview-area{background-color:var(--shell-bg);background-image:linear-gradient(color-mix(in srgb, var(--line) 45%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 45%, transparent) 1px, transparent 1px);background-size:24px 24px;min-width:0;min-height:0;padding:20px;overflow:auto}.preview-toolbar{justify-content:space-between;align-items:center;gap:16px;max-width:1020px;height:48px;margin:0 auto 12px;display:flex}.preview-toolbar>div:first-child{align-items:baseline;gap:9px;font-size:11px;display:flex}.preview-toolbar>div:first-child span{color:var(--muted)}.preview-actions{align-items:center;gap:7px;display:flex}.replay-button{border:1px solid var(--line);background:var(--panel-bg);color:var(--muted);border-radius:9px;padding:7px 10px;font-size:10px}.viewport-toggle{border:1px solid var(--line);background:var(--panel-bg);border-radius:9px;padding:3px;display:flex}.viewport-toggle button{color:var(--muted);background:0 0;border-radius:6px;padding:6px 10px;font-size:10px}.viewport-toggle button[aria-pressed=true]{background:var(--ink);color:var(--panel-bg)}.preview-stage{place-items:start center;min-height:calc(100dvh - 148px);display:grid}.site-preview{border:1px solid color-mix(in srgb, var(--preview-text) 22%, transparent);border-radius:var(--radius);background:var(--preview-bg);width:100%;max-width:1020px;min-height:680px;color:var(--preview-text);box-shadow:0 24px 70px color-mix(in srgb, var(--ink) 13%, transparent);transition:width .4s cubic-bezier(.16,1,.3,1),background-color .24s,color .24s;overflow:hidden;container-type:inline-size}.preview-stage.mobile .site-preview{width:390px}.demo-page{min-height:680px;font-family:var(--preview-body);position:relative}.demo-page h2,.demo-page h3,.demo-page strong{font-family:var(--preview-heading)}.demo-page button{font-family:inherit}.demo-button{background:var(--preview-text);color:var(--preview-bg);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 15px;font-size:9px;font-weight:800;display:inline-flex}.demo-button span{border-left:1px solid color-mix(in srgb, var(--preview-bg) 35%, transparent);min-width:15px;padding-left:6px}.demo-nav{border-bottom:1px solid color-mix(in srgb, var(--preview-text) 22%, transparent);align-items:center;gap:22px;height:58px;padding:0 3.4%;font-size:10px;display:flex}.demo-nav button{color:inherit;font-size:inherit;background:0 0;padding:6px 0}.demo-nav button:not(.demo-button)[aria-current=page]{box-shadow:inset 0 -1px var(--preview-accent)}.demo-nav .demo-brand{font-family:var(--preview-heading);margin-right:auto;font-size:13px;font-weight:800}.demo-nav .demo-button{background:var(--preview-text);color:var(--preview-bg);padding:7px 11px;font-size:9px}.demo-page main{padding:4% 3.4% 7%}.demo-kicker{color:var(--preview-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 13px;font-size:9px;font-weight:800}.demo-page h2{letter-spacing:-.05em;max-width:760px;margin:0;font-size:clamp(37px,7cqw,76px);line-height:.98}.demo-page h3,.demo-page p{text-wrap:pretty}.text-link{color:inherit;background:0 0;border-bottom:1px solid;padding:3px 0;font-size:9px;font-weight:800}.back-link{color:color-mix(in srgb, var(--preview-text) 66%, transparent);margin-bottom:28px}.demo-page-heading{border-bottom:1px solid color-mix(in srgb, var(--preview-text) 23%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding-bottom:4%;display:grid}.demo-page-heading .demo-kicker{grid-column:1/-1;margin-bottom:-7px}.demo-page-heading h2{font-size:clamp(42px,7cqw,72px)}.filter-row,.variant-row,.view-toggle{flex-wrap:wrap;gap:6px;display:flex}.filter-row{margin:20px 0}.filter-row button,.variant-row button,.view-toggle button{border:1px solid color-mix(in srgb, var(--preview-text) 30%, transparent);color:inherit;background:0 0;border-radius:999px;padding:7px 11px;font-size:8px}.filter-row button[aria-pressed=true],.variant-row button[aria-pressed=true],.view-toggle button[aria-pressed=true]{border-color:var(--preview-text);background:var(--preview-text);color:var(--preview-bg)}.demo-form{align-content:start;gap:8px;display:grid}.demo-form label{color:color-mix(in srgb, var(--preview-text) 75%, transparent);margin-top:4px;font-size:8px;font-weight:800}.demo-form input,.demo-form textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--preview-text) 36%, transparent);background:color-mix(in srgb, var(--preview-bg) 92%, var(--preview-soft));width:100%;color:var(--preview-text);font:10px var(--preview-body);resize:vertical;border-radius:5px;padding:10px}.demo-form input::placeholder{color:color-mix(in srgb, var(--preview-text) 58%, transparent)}.demo-form small{color:color-mix(in srgb, var(--preview-text) 65%, transparent);margin-bottom:6px;font-size:8px;line-height:1.45}.demo-form .demo-button{justify-self:start;margin-top:5px}.form-success{border:1px solid color-mix(in srgb, var(--preview-text) 28%, transparent);background:color-mix(in srgb, var(--preview-soft) 45%, var(--preview-bg));border-radius:7px;align-self:start;padding:26px;display:block}.form-success strong{margin-bottom:6px;font-size:18px;display:block}.form-success>span{margin:0 0 18px;font-size:10px;line-height:1.5;display:block}.editorial-heading{grid-template-columns:1fr 5fr;align-items:start;gap:3%;display:grid}.editorial-grid{border-top:1px solid color-mix(in srgb, var(--preview-text) 25%, transparent);grid-template-columns:1.7fr 1fr;gap:5%;margin-top:5%;padding-top:4%;display:grid}.story-link{color:inherit;text-align:left;background:0 0;padding:0;display:block}.story-image{aspect-ratio:16/7;border-radius:7px;margin-bottom:16px}.image-common-room{background:radial-gradient(circle at 72% 36%, color-mix(in srgb, var(--preview-bg) 62%, transparent) 0 13%, transparent 13.5%), linear-gradient(115deg, var(--preview-soft) 0 42%, color-mix(in srgb, var(--preview-accent) 55%, var(--preview-bg)) 42% 66%, color-mix(in srgb, var(--preview-text) 16%, var(--preview-soft)) 66%)}.story-topic,.story-list span{color:var(--preview-accent);margin-bottom:6px;font-size:8px;font-weight:700;display:block}.editorial-grid h3{letter-spacing:-.03em;margin:0 0 6px;font-size:19px}.editorial-grid p{max-width:46ch;color:color-mix(in srgb, var(--preview-text) 68%, transparent);margin:0;font-size:10px;line-height:1.5}.story-list{align-content:start;display:grid}.story-list>button:not(.text-link){border-bottom:1px solid color-mix(in srgb, var(--preview-text) 24%, transparent);color:inherit;text-align:left;background:0 0;margin-bottom:16px;padding:0 0 16px}.story-list .text-link{justify-self:start}.story-index{display:grid}.story-index-item{border-top:1px solid color-mix(in srgb, var(--preview-text) 20%, transparent);color:inherit;text-align:left;background:0 0;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:17px;padding:13px 0;display:grid}.story-index-item:first-child{border-top:0}.story-thumbnail{aspect-ratio:1.3;background:linear-gradient(135deg, var(--preview-soft), color-mix(in srgb, var(--preview-accent) 45%, var(--preview-bg)));border-radius:5px;width:88px}.story-thumbnail-2{background:linear-gradient(35deg, color-mix(in srgb, var(--preview-text) 14%, var(--preview-bg)), var(--preview-soft))}.story-thumbnail-3{background:radial-gradient(circle at 50% 50%, var(--preview-accent) 0 22%, var(--preview-soft) 23%)}.story-thumbnail-4{background:linear-gradient(90deg, var(--preview-soft) 0 33%, color-mix(in srgb, var(--preview-accent) 34%, var(--preview-bg)) 33% 66%, color-mix(in srgb, var(--preview-text) 15%, var(--preview-bg)) 66%)}.story-index-copy{gap:4px;display:grid}.story-index-copy small{color:var(--preview-accent);font-size:7px}.story-index-copy strong{font-size:14px}.story-index-copy p{color:color-mix(in srgb, var(--preview-text) 64%, transparent);margin:0;font-size:9px;line-height:1.4}.story-index-item i{font-size:8px;font-style:normal;font-weight:800}.article-page{max-width:820px;margin:0 auto}.article-page header{grid-template-columns:1fr 4fr;gap:3%;display:grid}.article-page header .demo-kicker{margin-top:7px}.article-page header h2{font-size:clamp(42px,7cqw,72px)}.article-deck{max-width:55ch;color:color-mix(in srgb, var(--preview-text) 70%, transparent);grid-column:2;margin:14px 0 0;font-size:12px;line-height:1.5}.article-image{aspect-ratio:16/7;border-radius:7px;margin:28px 0}.article-body{max-width:58ch;margin-left:20%;font-size:11px;line-height:1.7}.article-body p{margin:0 0 16px}.save-button{border:1px solid var(--preview-text);color:inherit;background:0 0;border-radius:5px;margin:8px 0 0 20%;padding:9px 12px;font-size:9px;font-weight:800}.save-button[aria-pressed=true]{background:var(--preview-text);color:var(--preview-bg)}.editorial-about,.portfolio-about{grid-template-columns:1.25fr .75fr;align-items:start;gap:9%;min-height:500px;padding-top:5%;display:grid}.editorial-about h2,.portfolio-about h2{font-size:clamp(43px,7cqw,70px)}.editorial-about>div>p:last-child,.portfolio-about>div>p:last-child{max-width:50ch;color:color-mix(in srgb, var(--preview-text) 68%, transparent);font-size:11px;line-height:1.6}.shop-hero{grid-template-columns:1fr 1fr;align-items:center;gap:7%;display:grid}.shop-hero h2{max-width:590px;font-size:clamp(38px,6.5cqw,70px)}.shop-hero .demo-button{margin-top:23px}.product-hero{aspect-ratio:1/.78;background:radial-gradient(ellipse at 57% 50%, color-mix(in srgb, var(--preview-accent) 82%, var(--preview-soft)) 0 18%, color-mix(in srgb, var(--preview-accent) 34%, transparent) 18.5% 29%, transparent 29.5%), linear-gradient(135deg, var(--preview-soft), color-mix(in srgb, var(--preview-accent) 35%, var(--preview-bg)));color:inherit;text-align:left;border-radius:7px;grid-template-columns:1fr auto;align-items:end;padding:18px;display:grid}.product-hero span,.product-hero i{font-size:8px;font-style:normal}.product-row{grid-template-columns:repeat(3,1fr);gap:2%;margin-top:5%;display:grid}.product-row button{color:inherit;text-align:left;background:0 0;grid-template-columns:1fr auto;padding:0;display:grid}.product-image{aspect-ratio:1.45;background:radial-gradient(ellipse at center, var(--preview-accent) 0 16%, transparent 16.5%), color-mix(in srgb, var(--preview-soft) 76%, var(--preview-bg));border-radius:6px;grid-column:1/-1;margin-bottom:8px}.product-image-2{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--preview-text) 65%, var(--preview-accent)) 0 22%, transparent 22.5%), color-mix(in srgb, var(--preview-accent) 24%, var(--preview-bg))}.product-image-3{background:linear-gradient(165deg, transparent 0 42%, var(--preview-accent) 42.5% 56%, transparent 56.5%), color-mix(in srgb, var(--preview-soft) 62%, var(--preview-bg))}.product-row small{color:color-mix(in srgb, var(--preview-text) 60%, transparent);grid-column:1/-1;font-size:7px}.product-row h3{margin:2px 0;font-size:11px}.product-row p{color:color-mix(in srgb, var(--preview-text) 65%, transparent);margin:0;font-size:9px}.shop-grid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.shop-grid button{color:inherit;text-align:left;background:0 0;grid-template-columns:1fr auto;align-items:end;padding:0 0 15px;display:grid}.shop-grid button:first-child{grid-row:span 2}.shop-grid .product-image{aspect-ratio:1.6}.shop-grid button:first-child .product-image{aspect-ratio:1.2}.shop-grid small{color:color-mix(in srgb, var(--preview-text) 62%, transparent);grid-column:1/-1;margin-bottom:4px;font-size:7px}.shop-grid strong{font-size:12px}.shop-grid i{font-size:9px;font-style:normal}.product-page{grid-template-columns:1.1fr .9fr;gap:7%;display:grid}.product-page .back-link{grid-column:1/-1;justify-self:start;margin-bottom:0}.product-detail-image{background:radial-gradient(ellipse at 52% 48%, var(--preview-accent) 0 18%, color-mix(in srgb, var(--preview-accent) 35%, transparent) 18.5% 32%, transparent 32.5%), linear-gradient(135deg, var(--preview-soft), color-mix(in srgb, var(--preview-accent) 30%, var(--preview-bg)));border-radius:7px;place-items:end start;min-height:430px;padding:18px;font-size:8px;display:grid}.product-copy{align-self:center}.product-copy h2{font-size:clamp(42px,6.5cqw,66px)}.product-copy>p:not(.demo-kicker,.product-price,.inline-feedback){color:color-mix(in srgb, var(--preview-text) 68%, transparent);font-size:10px;line-height:1.55}.product-price{margin:12px 0;font-size:13px}.product-copy fieldset{border:0;margin:22px 0 0;padding:0}.product-copy legend{margin-bottom:8px;font-size:8px;font-weight:800}.add-button{width:100%;margin-top:18px}.inline-feedback{color:var(--preview-accent);margin:9px 0 0;font-size:8px;font-weight:800;display:block}.bag-panel{z-index:1;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--preview-text) 25%, transparent);background:var(--preview-bg);width:min(310px,78%);box-shadow:0 18px 40px color-mix(in srgb, var(--preview-text) 16%, transparent);border-top:0;border-right:0;border-radius:0 0 0 7px;padding:20px;position:absolute;top:58px;right:0}.bag-panel>div:first-child{justify-content:space-between;align-items:center;gap:15px;display:flex}.bag-panel>div:first-child>strong{font-size:17px}.bag-panel>div:first-child button{color:inherit;background:0 0;border-bottom:1px solid;padding:3px 0;font-size:8px}.bag-panel>p{color:color-mix(in srgb, var(--preview-text) 67%, transparent);margin:16px 0;font-size:9px;line-height:1.5}.bag-line{grid-template-columns:54px 1fr auto;align-items:center;gap:10px;margin-top:17px;display:grid}.bag-object{aspect-ratio:1;background:radial-gradient(ellipse at center, var(--preview-accent) 0 18%, transparent 19%), var(--preview-soft);border-radius:5px;width:54px}.bag-line>span:not(.bag-object){gap:3px;display:grid}.bag-line strong{font-size:10px}.bag-line small{color:color-mix(in srgb, var(--preview-text) 65%, transparent);font-size:7px}.bag-line b{font-size:9px}.commerce-about{grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%;min-height:500px;display:grid}.about-object{background:radial-gradient(ellipse at 53% 44%, var(--preview-accent) 0 17%, transparent 17.5%), linear-gradient(150deg, var(--preview-soft), color-mix(in srgb, var(--preview-text) 14%, var(--preview-bg)));border-radius:7px;min-height:390px}.commerce-about h2{font-size:clamp(42px,6.5cqw,65px)}.commerce-about>div>p:not(.demo-kicker){max-width:52ch;color:color-mix(in srgb, var(--preview-text) 68%, transparent);font-size:10px;line-height:1.55}.commerce-about dl{margin:25px 0 0}.commerce-about dl div{border-top:1px solid color-mix(in srgb, var(--preview-text) 20%, transparent);grid-template-columns:90px 1fr;gap:15px;padding:10px 0;font-size:8px;display:grid}.commerce-about dd{color:color-mix(in srgb, var(--preview-text) 68%, transparent);margin:0}.portfolio-hero{grid-template-columns:1fr 4fr;align-items:start;gap:3%;display:grid}.portfolio-hero h2{max-width:790px}.portfolio-hero .text-link{grid-column:2;justify-self:start;margin-top:22px}.project-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:5%;display:grid}.project-grid button{color:inherit;text-align:left;background:0 0;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:0;display:grid}.project-image{background:linear-gradient(145deg, var(--preview-soft), color-mix(in srgb, var(--preview-accent) 50%, var(--preview-bg)));border-radius:7px;grid-column:1/-1;min-height:118px}.project-image-2{background:linear-gradient(35deg, var(--preview-bg) 0 48%, var(--preview-accent) 48.5% 53%, var(--preview-soft) 53.5%)}.project-image-3{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--preview-text) 72%, var(--preview-accent)) 0 14%, transparent 14.5%), color-mix(in srgb, var(--preview-text) 12%, var(--preview-bg))}.project-grid .project-large{grid-row:1/3}.project-grid .project-large .project-image{min-height:300px}.project-grid h3{margin:0;font-size:12px}.project-grid small{color:color-mix(in srgb, var(--preview-text) 62%, transparent);font-size:8px}.work-controls{justify-content:space-between;align-items:center;gap:18px;display:flex}.work-controls .filter-row{margin-right:auto}.work-index.grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.work-index button{color:inherit;text-align:left;background:0 0;grid-template-columns:1fr auto;gap:7px;padding:0 0 15px;display:grid}.work-index.grid button:first-child{grid-row:span 2}.work-index.grid .project-image{aspect-ratio:1.7}.work-index.grid button:first-child .project-image{aspect-ratio:1.35}.work-index button>span:not(.project-image){gap:3px;display:grid}.work-index small{color:color-mix(in srgb, var(--preview-text) 62%, transparent);font-size:8px}.work-index i{font-size:8px;font-style:normal}.work-index.list{display:grid}.work-index.list button{border-top:1px solid color-mix(in srgb, var(--preview-text) 22%, transparent);grid-template-columns:120px 1fr auto;align-items:center;padding:12px 0}.work-index.list .project-image{grid-column:auto;min-height:70px}.case-study{max-width:860px;margin:0 auto}.case-study header{grid-template-columns:1fr 3fr;gap:4%;display:grid}.case-study header .demo-kicker{margin-top:7px}.case-study header h2{font-size:clamp(48px,8cqw,84px)}.case-study header>p:last-child{max-width:47ch;color:color-mix(in srgb, var(--preview-text) 68%, transparent);grid-column:2;margin:13px 0 0;font-size:11px;line-height:1.5}.case-hero{border-radius:7px;place-items:center;min-height:330px;margin:28px 0;display:grid}.case-hero strong{letter-spacing:-.09em;font-size:clamp(70px,14cqw,140px)}.case-facts{grid-template-columns:1fr 1.3fr 1.3fr;gap:20px;display:grid}.case-facts span{color:var(--preview-accent);font-size:7px;font-weight:800}.case-facts p{margin:6px 0 0;font-size:9px;line-height:1.5}.case-study>.demo-button{margin-top:26px}.portfolio-about .demo-form{background:color-mix(in srgb, var(--preview-text) 6%, var(--preview-bg));border-radius:7px;padding:18px}.site-preview .demo-nav,.site-preview .demo-page main>*{animation-duration:var(--preview-speed);animation-timing-function:var(--preview-ease);animation-fill-mode:both}.site-preview.motion-run-0 .demo-nav,.site-preview.motion-run-0 .demo-page main>*{animation-name:enter-a}.site-preview.motion-run-1 .demo-nav,.site-preview.motion-run-1 .demo-page main>*{animation-name:enter-b}.site-preview .demo-page main>:first-child{animation-delay:var(--preview-stagger)}.site-preview .demo-page main>:nth-child(2){animation-delay:calc(var(--preview-stagger) + var(--preview-stagger))}.site-preview .demo-page main>:nth-child(3){animation-delay:calc(var(--preview-stagger) + var(--preview-stagger) + var(--preview-stagger))}@keyframes enter-a{0%{opacity:var(--preview-opacity);transform:var(--preview-from)}}@keyframes enter-b{0%{opacity:var(--preview-opacity);transform:var(--preview-from)}}@container (width<=500px){.demo-nav{gap:12px;height:54px;padding:0 16px}.demo-nav .demo-brand{text-overflow:ellipsis;white-space:nowrap;max-width:115px;overflow:hidden}.demo-nav .demo-button{padding:7px 9px}.portfolio-demo .demo-nav .demo-button{font-size:0}.portfolio-demo .demo-nav .demo-button:after{content:"Enquire";font-size:9px}.demo-page main{padding:26px 16px 42px}.demo-page h2,.demo-page-heading h2,.editorial-about h2,.portfolio-about h2,.commerce-about h2{font-size:40px}.editorial-heading,.portfolio-hero,.article-page header,.case-study header{display:block}.editorial-heading .demo-kicker,.portfolio-hero .demo-kicker{margin-bottom:10px}.portfolio-hero .text-link{margin-top:18px}.editorial-grid,.shop-hero,.product-page,.commerce-about,.editorial-about,.portfolio-about{grid-template-columns:1fr}.editorial-grid,.shop-hero{gap:28px}.product-hero{grid-row:1}.product-row{grid-template-columns:1fr 1fr;gap:16px 10px}.product-row button:last-child{display:none}.project-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.project-grid .project-large{grid-area:auto/1/auto/-1}.project-grid .project-large .project-image{min-height:220px}.story-index-item{grid-template-columns:72px 1fr}.story-thumbnail{width:72px}.story-index-item i{display:none}.article-page header .demo-kicker,.article-page header h2,.article-deck,.case-study header>*{grid-column:auto}.article-deck{margin-top:14px}.article-body,.save-button{margin-left:0}.editorial-about,.portfolio-about,.commerce-about{gap:34px;min-height:0}.product-page{gap:28px}.product-detail-image{min-height:320px}.about-object{min-height:260px}.shop-grid,.work-index.grid{grid-template-columns:1fr 1fr;gap:12px}.shop-grid button:first-child,.work-index.grid button:first-child{grid-row:auto}.shop-grid button:first-child .product-image,.shop-grid .product-image,.work-index.grid button:first-child .project-image,.work-index.grid .project-image{aspect-ratio:1.15}.work-controls{align-items:flex-start}.work-controls .filter-row{margin:18px 0}.view-toggle{flex-wrap:nowrap;margin-top:18px}.work-index.list button{grid-template-columns:74px 1fr}.work-index.list button i{display:none}.case-study header>p:last-child{margin-top:13px}.case-hero{min-height:250px}.case-facts{grid-template-columns:1fr}}.pack-panel h2{letter-spacing:-.04em;text-transform:capitalize;margin:0 0 8px;font-size:22px;line-height:1.05}.receipt{border:1px solid var(--line);border-radius:var(--radius);padding:14px}.receipt-swatches{border-radius:7px;grid-template-columns:repeat(4,1fr);height:54px;display:grid;overflow:hidden}.receipt dl{margin:10px 0 0}.receipt dl div{justify-content:space-between;gap:12px;padding-top:8px;font-size:10px;display:flex}.receipt dt{color:var(--muted)}.receipt dd{text-align:right;text-transform:capitalize;max-width:140px;margin:0}.pack-section{margin:0}.pack-section summary{font-size:12px}.file-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.file-grid span{background:color-mix(in srgb, var(--line) 36%, transparent);border-radius:7px;padding:8px;font-size:9px}.download-primary{text-align:left;padding:14px}.download-primary>strong{display:block}.download-primary span{color:#bfc1b9;margin-top:3px;font-size:9px;font-weight:400;display:block}.single-exports{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.single-exports button{border:1px solid var(--line);background:0 0;border-radius:7px;padding:8px 4px;font-size:9px}.export-status{color:var(--muted);margin:auto 0 0;font-size:10px}@media (width<=1180px){.workspace{grid-template-columns:290px minmax(420px,1fr);height:auto;min-height:calc(100dvh - 68px);overflow:visible}.controls,.pack-panel{scrollbar-gutter:auto;overflow-y:visible}.pack-panel{border:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1.2fr 1fr 1fr;align-items:start;display:grid}.pack-panel .download-primary,.pack-panel .single-exports,.pack-panel .export-status{grid-column:3}.pack-panel .export-status{margin:0}}@media (width<=780px){.topbar{grid-template-columns:1fr auto;height:62px}.topbar-copy{display:none}.workspace{min-height:calc(100dvh - 62px);display:block}.controls{border:0;border-bottom:1px solid var(--line)}.panel-intro h1{max-width:420px}.preview-area{padding:12px;overflow:hidden}.preview-stage{place-items:start center;min-height:650px;overflow:auto}.site-preview,.preview-stage.mobile .site-preview{width:390px;min-width:390px}.pack-panel{display:flex}.pack-panel .download-primary,.pack-panel .single-exports,.pack-panel .export-status{grid-column:auto}.top-export{padding:10px 12px}}@media (width<=430px){.brand>span:last-child{display:none}.topbar{padding:0 12px}.controls,.pack-panel{padding:22px 16px}.preview-toolbar{align-items:flex-start}.direction-list,.motion-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--shell-bg:#171815;--panel-bg:#22231f;--ink:#efeee8;--muted:#aaaca3;--line:#3d3f38;--active:#e77c59;--active-ink:#f0a88f}.brand-mark,.top-export,.download-primary,.viewport-toggle button[aria-pressed=true],.palette-option[aria-pressed=true],.font-option[aria-pressed=true],.direction-list button[aria-pressed=true],.motion-list button[aria-pressed=true]{color:#1d1e1a}.font-option[aria-pressed=true] small,.direction-list button[aria-pressed=true] small,.motion-list button[aria-pressed=true] small,.download-primary span{color:#46483f}}