.concept-index,.concept-root{--paper:#f1f0ea;--black:#10110f;--muted:#777a72;min-height:100svh;font-family:var(--font-sans)}.concept-index{background:#ecebe5;color:#11120f;padding:4vw}.index-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;grid-gap:8vw;gap:8vw;padding-bottom:5vw;border-bottom:1px solid #adafa7}.index-head span{font:600 11px/1 var(--font-mono);letter-spacing:.13em}.index-head h1{font:500 clamp(64px,9vw,150px)/.82 Georgia,serif;letter-spacing:-.07em;margin:38px 0 0}.index-head p{color:#62655e;line-height:1.55;font-size:15px;max-width:440px;margin:0}.concept-list{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #b9bbb3}.combined-feature{min-height:180px;margin:3vw 0;padding:28px 32px;display:grid;grid-template-columns:150px 1fr 1fr auto;align-items:center;grid-gap:35px;gap:35px;background:#24171f;color:#fff7ef;overflow:hidden;position:relative}.combined-feature:after{content:"";position:absolute;width:360px;height:360px;right:15%;top:-210px;border-radius:50%;background:#ec8f94;filter:blur(8px);opacity:.5}.combined-feature span{color:#f4b6af;font:700 15px/1 var(--font-mono);position:relative;z-index:1}.combined-feature strong{font:500 clamp(34px,4vw,64px)/1 Georgia,serif;position:relative;z-index:1}.combined-feature p{max-width:390px;line-height:1.5;color:#d9cbc9}.combined-feature i,.combined-feature p{font-size:16px;position:relative;z-index:1}.combined-feature i{font-style:normal}.concept-tile{--tile-bg:#e6e4db;--tile-ink:#11120f;--tile-accent:#ff542e;min-height:430px;position:relative;display:grid;grid-template-rows:auto 1fr auto;background:var(--tile-bg);color:var(--tile-ink);border-right:1px solid #b9bbb3;border-bottom:1px solid #b9bbb3;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.2,1),background .25s ease}.concept-tile:hover{transform:translateY(-7px);z-index:2}.tile-number{padding:20px;font:600 11px/1 var(--font-mono)}.tile-image{margin:0 20px;overflow:hidden;min-height:260px}.tile-image img{width:100%;height:100%;object-fit:cover;filter:var(--tile-filter,none);transition:transform .65s cubic-bezier(.2,.75,.2,1)}.concept-tile:hover img{transform:scale(1.04)}.tile-copy{padding:18px 20px 22px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tile-copy strong{font-size:25px;letter-spacing:-.04em}.tile-copy span{color:color-mix(in srgb,var(--tile-ink),transparent 45%);font:500 10px/1 var(--font-mono);text-transform:uppercase}.tile-arrow{position:absolute;top:17px;right:20px;color:var(--tile-accent);font-size:22px}.theme-02{--tile-bg:#113bed;--tile-ink:white;--tile-accent:#bdfc43;--tile-filter:saturate(.55) contrast(1.2)}.theme-03{--tile-bg:#f2a88e;--tile-ink:#432015;--tile-accent:#fff3ce;--tile-filter:sepia(.16) saturate(.8)}.theme-04{--tile-bg:#ffe333;--tile-ink:#070707;--tile-accent:#f43b19;--tile-filter:grayscale(1) contrast(1.3)}.theme-05{--tile-bg:#090b0d;--tile-ink:#ece9df;--tile-accent:#d9ff45;--tile-filter:brightness(.57) contrast(1.18)}.theme-06{--tile-bg:#f8f7f1;--tile-ink:#1c1d1a;--tile-accent:#c12920;--tile-filter:grayscale(1)}.concept-root{position:relative;overflow:hidden}.concept-nav{height:70px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:20}.concept-brand{font-weight:800;letter-spacing:-.035em;font-size:15px}.concept-nav nav{display:flex;gap:4px}.concept-nav nav a{width:30px;height:30px;display:grid;place-items:center;font:600 9px/1 var(--font-mono);opacity:.4;transition:opacity .15s,background .15s,color .15s}.concept-nav nav a.current,.concept-nav nav a:hover{opacity:1}.all-concepts{justify-self:end;font:600 10px/1 var(--font-mono);text-transform:uppercase}.concept-hero{min-height:calc(100svh - 118px);position:relative}.concept-intro{position:relative;z-index:4}.concept-kicker{display:block;font:600 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.concept-intro h1{margin:0}.concept-intro p{line-height:1.55;max-width:390px}.hero-action,.process-button{cursor:pointer}.image-stage{position:relative;overflow:hidden;background:#b8b8b2}.image-stage img{width:100%;height:100%;object-fit:cover}.image-after,.image-before,.image-stage img{position:absolute;inset:0}.image-before img{filter:grayscale(.4) contrast(.83) brightness(.86) blur(.45px);transform:scale(1.006)}.image-after img{filter:saturate(1.04) contrast(1.04)}.reveal-line{position:absolute;z-index:3;top:0;bottom:0;width:1px;background:currentColor;pointer-events:none}.reveal-line:after{content:"↔";position:absolute;width:32px;height:32px;display:grid;place-items:center;top:50%;left:-16px;margin-top:-16px;border-radius:50%;background:currentColor;color:var(--handle-color,white);font-size:13px}.label-after,.label-before{position:absolute;z-index:4;top:15px;font:700 8px/1 var(--font-mono);letter-spacing:.13em;padding:7px 8px;background:rgba(0,0,0,.7);color:white}.label-before{left:15px}.label-after{right:15px}.reveal-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.operation-panel{position:relative;z-index:5}.operation-heading,.operation-meta,.operation-options button{display:flex;justify-content:space-between}.operation-heading{font:600 10px/1 var(--font-mono);text-transform:uppercase}.operation-options button{width:100%;border:0;cursor:pointer;text-align:left}.operation-meta{display:grid;grid-template-columns:1fr auto;font-size:11px}.operation-meta span{opacity:.55}.operation-meta b{font-weight:600}.process-button{width:100%;border:0;font-weight:750}.process-button:disabled{cursor:wait}.concept-footer{min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 3vw;position:relative;z-index:10;font:600 9px/1 var(--font-mono);letter-spacing:.1em}.concept-01{background:#eae8df;color:#1e201c;--handle-color:#eae8df}.concept-01 .concept-nav{border-bottom:1px solid #a7aaa1}.concept-01 .concept-nav nav a.current{background:#1e201c;color:#eae8df}.concept-01 .concept-hero{display:grid;grid-template-columns:38% 39% 23%;padding:4vw 3vw;grid-gap:0;gap:0}.concept-01 .concept-intro{padding:3vh 5vw 0 0}.concept-01 .concept-intro h1{font:500 clamp(64px,7.1vw,122px)/.86 Georgia,serif;letter-spacing:-.07em;max-width:760px}.concept-01 .concept-intro p{margin:4vh 0;color:#65685f}.concept-01 .hero-action{border:0;border-bottom:1px solid;padding:0 0 8px;background:transparent;text-transform:uppercase;font:700 10px/1 var(--font-mono)}.concept-01 .image-stage{height:100%;min-height:570px}.concept-01 .operation-panel{align-self:end;margin-left:2vw;border-top:1px solid #9da098}.concept-01 .operation-heading{padding:18px 0}.concept-01 .operation-options button{padding:14px 0;background:transparent;border-top:1px solid #c7c8c0;color:#72756d}.concept-01 .operation-options button.chosen{color:#1e201c}.concept-01 .operation-meta{border-top:1px solid #9da098;gap:10px;padding:18px 0}.concept-01 .process-button{background:#1e201c;color:#f1f0ea;padding:16px}.concept-01 .concept-footer{border-top:1px solid #a7aaa1}.concept-02{background:#123be7;color:white;--handle-color:#123be7}.concept-02:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.concept-02 .concept-nav{border-bottom:1px solid rgba(255,255,255,.3)}.concept-02 .concept-nav nav a.current{background:#c9ff45;color:#09209e}.concept-02 .concept-hero{display:grid;grid-template-columns:28% 1fr 28%;grid-template-rows:1fr;padding:2.4vw 3vw;grid-gap:18px;gap:18px}.concept-02 .concept-intro{align-self:start;padding-top:2vh}.concept-02 .concept-kicker{color:#c9ff45}.concept-02 .concept-intro h1{font:650 clamp(44px,5vw,82px)/.92 var(--font-sans);letter-spacing:-.065em}.concept-02 .concept-intro p{color:#c9d3ff;margin:30px 2vw 30px 0}.concept-02 .hero-action{background:#c9ff45;color:#0b2093;padding:14px 18px;border:0;font:750 10px/1 var(--font-mono);text-transform:uppercase}.concept-02 .image-stage{min-height:600px;border:1px solid rgba(255,255,255,.6)}.concept-02 .operation-panel{border:1px solid rgba(255,255,255,.5);align-self:start;background:#123be7}.concept-02 .operation-heading{padding:18px;border-bottom:1px solid rgba(255,255,255,.4)}.concept-02 .operation-options button{background:transparent;color:#c5ceff;padding:18px;border-bottom:1px solid rgba(255,255,255,.2);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.concept-02 .operation-options button.chosen{background:white;color:#123be7}.concept-02 .operation-meta{padding:20px 18px;gap:12px}.concept-02 .process-button{padding:18px;background:#c9ff45;color:#0b2093;text-transform:uppercase;font-family:var(--font-mono)}.concept-02 .concept-footer{border-top:1px solid rgba(255,255,255,.3)}.concept-03{background:#f4ad91;color:#4e261c;--handle-color:#fff3d3}.concept-03 .concept-nav nav a.current{background:#4e261c;color:#f4ad91;border-radius:50%}.concept-03 .concept-hero{display:grid;grid-template-columns:37% 1fr;padding:2.2vw 3.2vw 3vw}.concept-03 .concept-intro{padding:5vh 4vw 0 1vw}.concept-03 .concept-kicker{color:#8c4b39}.concept-03 .concept-intro h1{font:620 clamp(58px,6.4vw,104px)/.89 var(--font-sans);letter-spacing:-.075em}.concept-03 .concept-intro p{font-size:17px;margin:4vh 0}.concept-03 .hero-action{border:0;border-radius:999px;background:#fff2d4;color:#4e261c;padding:16px 22px;font-weight:700}.concept-03 .image-stage{min-height:610px;border-radius:46% 46% 18px 18px}.concept-03 .operation-panel{position:absolute;z-index:8;left:5vw;bottom:4vh;width:min(390px,32vw);padding:18px;border-radius:20px;background:#fff3d8;box-shadow:0 28px 80px rgba(89,42,26,.17)}.concept-03 .operation-heading{padding:4px 3px 14px}.concept-03 .operation-options{display:flex;flex-wrap:wrap;gap:7px}.concept-03 .operation-options button{width:auto;border-radius:99px;padding:10px 12px;background:#ead7bc;color:#725344;gap:18px;font-size:10px}.concept-03 .operation-options button.chosen{background:#4e261c;color:#fff3d8}.concept-03 .operation-meta{margin-top:17px;padding-top:14px;border-top:1px solid #d6c4aa;gap:7px}.concept-03 .process-button{margin-top:14px;border-radius:99px;background:#4e261c;color:#fff3d8;padding:15px}.concept-03 .concept-footer{background:#fff3d8;color:#694336}.concept-04{background:#f4f1e7;color:#080808;--handle-color:#ffe230;font-family:var(--font-mono)}.concept-04 .concept-nav{border-bottom:3px solid #080808}.concept-04 .concept-brand{font-family:var(--font-mono);letter-spacing:-.06em}.concept-04 .concept-nav nav{gap:0;border:2px solid #080808}.concept-04 .concept-nav nav a{border-right:1px solid #080808;opacity:1}.concept-04 .concept-nav nav a:last-child{border:0}.concept-04 .concept-nav nav a.current{background:#080808;color:#ffe230}.concept-04 .concept-hero{display:grid;grid-template-columns:41% 1fr 26%;grid-template-rows:1fr}.concept-04 .concept-intro{padding:3.5vw;background:#ffe230;border-right:3px solid #080808}.concept-04 .concept-kicker{margin-bottom:8vh}.concept-04 .concept-intro h1{font:900 clamp(54px,6.2vw,104px)/.82 Arial Black,Impact,sans-serif;letter-spacing:-.07em}.concept-04 .concept-intro p{margin:6vh 0 3vh;font-size:12px}.concept-04 .hero-action{border:3px solid #080808;background:#ff4a21;color:#080808;padding:15px;box-shadow:6px 6px 0 #080808;font:800 11px/1 var(--font-mono)}.concept-04 .image-stage{min-height:590px;border-right:3px solid #080808}.concept-04 .operation-panel{display:flex;flex-direction:column}.concept-04 .operation-heading{padding:16px;border-bottom:3px solid #080808}.concept-04 .operation-options{flex:1 1}.concept-04 .operation-options button{padding:16px;background:#f4f1e7;color:#080808;border-bottom:2px solid #080808;font:700 10px/1 var(--font-mono)}.concept-04 .operation-options button.chosen{background:#080808;color:#ffe230}.concept-04 .operation-meta{border-top:3px solid #080808;padding:15px;gap:10px}.concept-04 .process-button{background:#ff4a21;color:#080808;padding:20px;font:900 11px/1 var(--font-mono)}.concept-04 .concept-footer,.concept-04 .process-button{border-top:3px solid #080808}.concept-05{background:#080a09;color:#f1f0ea;--handle-color:#0a0c0a}.concept-05 .concept-nav{position:absolute;inset:0 0 auto;color:white;background:linear-gradient(#080a09c9,transparent)}.concept-05 .concept-nav nav a.current{color:#ddff46;border-bottom:1px solid #ddff46}.concept-05 .concept-hero{min-height:calc(100svh - 48px);display:grid;grid-template-columns:1fr;padding:0}.concept-05 .image-stage{position:absolute;inset:0;min-height:100%}.concept-05 .image-stage:after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(4,5,4,.92),rgba(4,5,4,.34) 48%,rgba(4,5,4,.12)),linear-gradient(0deg,rgba(4,5,4,.65),transparent 45%);pointer-events:none}.concept-05 .image-stage img{object-position:center}.concept-05 .image-before img{filter:grayscale(.8) brightness(.5) contrast(1.12)}.concept-05 .image-after img{filter:brightness(.72) saturate(.8) contrast(1.12)}.concept-05 .concept-intro{align-self:center;width:52%;padding:11vh 0 5vh 6vw}.concept-05 .concept-kicker{color:#ddff46}.concept-05 .concept-intro h1{font:560 clamp(68px,9vw,150px)/.79 var(--font-sans);letter-spacing:-.085em}.concept-05 .concept-intro p{color:#babdb5;margin:4vh 0}.concept-05 .hero-action{border:1px solid #ddff46;color:#ddff46;background:rgba(0,0,0,.25);padding:14px 20px;text-transform:uppercase;font:650 10px/1 var(--font-mono);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.concept-05 .operation-panel{position:absolute;right:3vw;bottom:3vh;width:320px;background:rgba(12,15,13,.76);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.concept-05 .operation-heading{padding:16px;border-bottom:1px solid rgba(255,255,255,.18)}.concept-05 .operation-options button{background:transparent;color:#92978e;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.concept-05 .operation-options button.chosen{color:#ddff46}.concept-05 .operation-meta{padding:16px;gap:8px}.concept-05 .process-button{background:#ddff46;color:#10130b;padding:16px}.concept-05 .concept-footer{position:absolute;bottom:0;left:0;right:360px;color:#858b82}.concept-06{background:#faf9f4;color:#23241f;--handle-color:#faf9f4}.concept-06 .concept-nav{height:58px;border-bottom:1px solid #22231f}.concept-06 .concept-nav nav a.current{color:#bf2820;text-decoration:underline;text-underline-offset:4px}.concept-06 .concept-hero{display:grid;grid-template-columns:30% 45% 25%;padding:5vh 4vw;min-height:calc(100svh - 106px)}.concept-06 .concept-intro{padding-right:5vw}.concept-06 .concept-kicker{color:#bf2820;margin-bottom:6vh}.concept-06 .concept-intro h1{font:500 clamp(48px,5vw,80px)/.92 Georgia,serif;letter-spacing:-.055em}.concept-06 .concept-intro p{color:#686a63;font-size:13px;margin:5vh 0}.concept-06 .hero-action{background:transparent;color:#23241f;border:1px solid #23241f;padding:12px 16px;font:650 10px/1 var(--font-mono)}.concept-06 .image-stage{min-height:570px}.concept-06 .image-stage img{filter:grayscale(1)}.concept-06 .image-after img{filter:grayscale(.15) contrast(1.03)}.concept-06 .operation-panel{padding-left:3vw}.concept-06 .operation-heading{padding:0 0 15px;border-bottom:1px solid #23241f}.concept-06 .operation-options button{padding:15px 0;background:transparent;color:#80827a;border-bottom:1px solid #d1d1ca;font-size:11px}.concept-06 .operation-options button.chosen{color:#bf2820}.concept-06 .operation-meta{padding:22px 0;gap:10px}.concept-06 .process-button{padding:14px;background:#bf2820;color:white}.concept-06 .concept-footer{border-top:1px solid #23241f}@media (max-width:1050px){.concept-list{grid-template-columns:repeat(2,1fr)}.concept-root .concept-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(420px,55vh);padding:28px;grid-gap:22px;gap:22px}.concept-root .concept-intro{grid-column:1/-1;padding:24px 0;width:auto}.concept-root .concept-intro h1{font-size:clamp(50px,9vw,92px)}.concept-root .image-stage{position:relative;inset:auto;min-height:440px;border-radius:0;grid-column:1;grid-row:2}.concept-root .operation-panel{position:relative;inset:auto;width:auto;margin:0;grid-column:2;grid-row:2;align-self:stretch}.concept-05 .image-stage:after{display:none}.concept-05 .concept-footer{position:relative;right:auto}}@media (max-width:680px){.concept-index{padding:28px 18px}.index-head{grid-template-columns:1fr}.index-head h1{font-size:62px}.concept-list{grid-template-columns:1fr}.concept-tile{min-height:390px}.concept-nav{padding:0 18px;grid-template-columns:1fr auto}.concept-nav nav{display:none}.concept-root .concept-hero{grid-template-columns:1fr;grid-template-rows:auto 430px auto;padding:24px 18px}.concept-root .concept-intro{grid-column:1}.concept-root .concept-intro h1{font-size:52px}.concept-root .image-stage{grid-column:1;grid-row:2;min-height:430px}.concept-root .operation-panel{grid-column:1;grid-row:3}.concept-footer{gap:15px;overflow:hidden;white-space:nowrap}}@media (prefers-reduced-motion:no-preference){.concept-intro{animation:concept-enter .65s cubic-bezier(.2,.72,.2,1) both}.image-stage{animation:concept-enter .75s cubic-bezier(.2,.72,.2,1) .08s both}.operation-panel{animation:concept-enter .75s cubic-bezier(.2,.72,.2,1) .16s both}@keyframes concept-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}