/* Coffee Cup AI: portrait grid and technical rails. No scripts required. */
.home-grid main{position:relative;isolation:isolate}
.home-grid .hero{--cell:clamp(70px,6.5vw,90px);min-height:calc(var(--cell) * 7.4);background:radial-gradient(ellipse at 90% 55%,#6a2f142e 0,transparent 58%),linear-gradient(120deg,#1c1916,#171513)}
.home-grid .hero::before{background-image:linear-gradient(#fc630f19 1px,transparent 1px),linear-gradient(90deg,#fc630f19 1px,transparent 1px);background-size:var(--cell) var(--cell);background-position:right top}
.home-grid .hero-content{width:calc(100% - var(--cell) * 4.8);max-width:none;padding:calc(var(--cell) * .85) 0 calc(var(--cell) * 1.5) 5%}
.home-grid .hero h1{font-size:clamp(48px,5.1vw,70px);max-width:100%;margin:27px 0;line-height:1.08}
.home-grid .hero .intro{max-width:440px}
.home-grid .hero .eyebrow{max-width:38ch}
.home-grid .hero .actions{gap:12px}
.home-grid .hero .btn{gap:20px;padding-inline:20px}
.hero-portrait{position:absolute;z-index:1;right:var(--cell);top:var(--cell);width:calc(var(--cell) * 3);height:calc(var(--cell) * 4);margin:0;overflow:hidden;background:#d6d6d4}
.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:51% center;max-width:none}
.hero-portrait::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff20 1px,transparent 1px);background-size:var(--cell) var(--cell);box-shadow:inset 0 0 0 1px #f5f1e933}
.grid-square{position:absolute;width:var(--cell);height:var(--cell);z-index:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff10}
.grid-square-one{right:0;top:var(--cell);background:#fc630f}
.grid-square-two{right:calc(var(--cell) * 4);top:calc(var(--cell) * 4);background:#9e3b15}
.grid-square-three{right:var(--cell);top:calc(var(--cell) * 5);background:#ffab70}
.portrait-label{position:absolute;right:calc(var(--cell) * 2.15);top:calc(var(--cell) * 5 + 18px);width:calc(var(--cell) * 1.85);font:12px/1.7 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.portrait-label b{display:block;color:var(--text);font-weight:400}
.barcode{display:block;pointer-events:none;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 4px,currentColor 4px 7px,transparent 7px 10px,currentColor 10px 11px,transparent 11px 16px,currentColor 16px 18px,transparent 18px 21px,currentColor 21px 25px,transparent 25px 30px,currentColor 30px 31px,transparent 31px 35px);color:var(--accent)}
.hero-barcode{position:absolute;right:calc(var(--cell) * .35);top:calc(var(--cell) * 2.35);width:14px;height:calc(var(--cell) * 2.95);opacity:.65}
.hero-barcode::before,.hero-barcode::after{content:'+';position:absolute;left:0;top:-25px;font:18px var(--mono);color:var(--accent)}
.hero-barcode::after{top:auto;bottom:-25px}
.edge-code{position:absolute;z-index:-1;width:9px;opacity:.42;left:max(10px,calc((100% - 1360px)/2 - 23px));top:calc(var(--cell,90px) * 10);height:460px}
.edge-code-right{left:auto;right:max(10px,calc((100% - 1360px)/2 - 23px));top:2400px;height:560px;opacity:.33}
.edge-code-low{top:4400px;height:360px;opacity:.28}
@media(max-width:1100px) and (min-width:901px){.home-grid .hero-content{width:calc(100% - var(--cell) * 4.65)}.home-grid .hero h1{font-size:52px}.home-grid .hero .btn{font-size:12px;gap:15px;padding-inline:17px}}
@media(max-width:900px){.home-grid .hero{--cell:clamp(64px,8vw,72px);min-height:0;padding-bottom:calc(var(--cell) * 6 + 32px)}.home-grid .hero-content{width:auto;max-width:650px;margin:auto;padding:50px 40px 32px;text-align:center}.home-grid .hero h1{font-size:clamp(42px,7vw,64px);margin:24px auto;max-width:15ch}.home-grid .hero .eyebrow,.home-grid .hero .intro{margin-inline:auto}.home-grid .hero .actions{justify-content:center}.home-grid .hero::before{background-position:center bottom;background-size:var(--cell) var(--cell)}.hero-portrait{top:auto;right:calc(50% - var(--cell) * 1.5);bottom:calc(var(--cell) * 2)}.grid-square-one{top:auto;right:calc(50% - var(--cell) * 2.5);bottom:calc(var(--cell) * 5)}.grid-square-two{top:auto;right:calc(50% + var(--cell) * 1.5);bottom:calc(var(--cell) * 2)}.grid-square-three{top:auto;right:calc(50% - var(--cell) * 1.5);bottom:var(--cell)}.portrait-label{top:auto;right:calc(50% - var(--cell) * .35);bottom:calc(var(--cell) * 1.27);width:calc(var(--cell) * 1.9);text-align:left}.hero-barcode{top:auto;right:calc(50% - var(--cell) * 2.05);bottom:calc(var(--cell) * 2.4);height:calc(var(--cell) * 1.9);width:12px}.home-grid .hero-meta{bottom:24px;left:26px;right:26px;font-size:12px}.home-grid .hero-meta span:nth-child(2){display:none}}
@media(max-width:620px){.home-grid .hero{container-type:inline-size;--cell:20cqw;padding-bottom:calc((100vw - 36px) * 1.2 + 20px)}.home-grid .hero-content{padding:38px 24px 35px}.home-grid .hero h1{font-size:clamp(35px,9.8vw,58px);max-width:15ch}.home-grid .hero .intro{font-size:14px;max-width:34ch}.home-grid .hero .eyebrow{font-size:12px}.home-grid .hero .actions{gap:10px}.home-grid .hero .btn{font-size:11px;min-height:48px;padding-inline:16px;gap:13px}.home-grid .updated{font-size:12px;line-height:1.6;letter-spacing:.08em}.portrait-label{font-size:12px;letter-spacing:.02em}.home-grid .hero-meta{font-size:12px;letter-spacing:.04em;left:20px;right:20px;bottom:18px;padding-top:12px;gap:10px}.home-grid .hero-meta span{max-width:47%}.hero-barcode{width:10px}.edge-code{width:5px;left:5px;height:300px;opacity:.27;top:1250px}.edge-code-right{left:auto;right:5px;top:3200px}.edge-code-low{top:5600px}}

/* Refined tile positions and business caption, October 29, 2026. */
.grid-square-one{right:calc(var(--cell) * 6);top:0}
.coffee-tile{position:absolute;right:0;top:var(--cell);width:var(--cell);height:var(--cell);overflow:hidden;pointer-events:none;z-index:0}
.coffee-tile img{display:block;width:100%;height:100%;object-fit:cover;opacity:.25;filter:grayscale(1);mix-blend-mode:luminosity}
.portrait-label{right:calc(var(--cell) * 2);top:calc(var(--cell) * 5 + 16px);width:calc(var(--cell) * 3);font:12px/1.5 var(--display);letter-spacing:0;text-transform:none;z-index:2}
.portrait-label b{font-size:16px;line-height:1.35;font-weight:600;letter-spacing:-.025em}
.portrait-label span{display:block;margin-top:5px;color:var(--muted);text-wrap:pretty}
@media(max-width:900px){.grid-square-one{top:auto;right:calc(50% + var(--cell) * 3.5);bottom:calc(var(--cell) * 6)}.coffee-tile{top:auto;right:calc(50% - var(--cell) * 2.5);bottom:calc(var(--cell) * 5)}.portrait-label{top:auto;right:calc(50% - var(--cell) * .5);bottom:calc(var(--cell) * 2);width:calc(var(--cell) * 3);transform:translateY(calc(100% + 8px));font-size:12px}.portrait-label b{font-size:14px}.portrait-label span{margin-top:4px}}
@media(max-width:620px){.grid-square-one{right:calc(50% + var(--cell) * 1.5)}.portrait-label b{font-size:12px}}