/* AVIV / Three original homepage directions. Genuine archived artwork, no stock.
   Intentionally independent of the existing site's layouts and JavaScript. */
:root{--hc-ink:#24312b;--hc-paper:#f8f6ef;--hc-muted:#768178;--hc-coral:#bc755d;--hc-ease:cubic-bezier(.22,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body.hc-body{margin:0;color:var(--hc-ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--hc-paper)}
body.hc-body img{max-width:100%;display:block}
body.hc-body a{color:inherit;text-decoration:none}
body.hc-body button{font:inherit;cursor:pointer}
body.hc-body :focus-visible{outline:2px solid #bb715d;outline-offset:4px}
body.hc-body .global-header,body.hc-body .global-footer{font-family:"DM Sans",Arial,sans-serif}
.hc-container{width:min(100% - clamp(36px,7vw,140px),1530px);margin-inline:auto}
.hc-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--hc-coral)}
.hc-serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400}
.hc-intro{font-size:clamp(14px,1.3vw,18px);line-height:1.75;color:#67766d}
.hc-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid currentColor;padding:0 0 8px;font-size:13px;font-weight:700}
.hc-link:hover{color:var(--hc-coral)}
.hc-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:#23392f;color:white!important;padding:19px 25px;font-size:13px;font-weight:700;min-height:57px;transition:background .23s}
.hc-cta:hover{background:#42624c}
.hc-explore-tail{padding:95px clamp(24px,6vw,115px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;background:#e6eae0}
.hc-explore-tail .hc-kicker{grid-column:1/-1;margin:0}
.hc-explore-tail h2{font-weight:500;font-size:clamp(48px,6vw,100px);letter-spacing:-.075em;line-height:1.03;margin:0}
.hc-explore-tail p{grid-column:1/-1;color:#627064;font-size:14px;margin:0}
.hc-route-note{font-size:10px;letter-spacing:.16em;opacity:.7;text-transform:uppercase}
.hc-figure-caption{font-size:11px;color:#7c887e;font-weight:600;letter-spacing:.08em}
.hc-work-shelf{padding:90px 0 120px}
.hc-work-shelf h2{font-size:clamp(45px,5vw,77px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:16px 0 38px}
.hc-work-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hc-work-links a{display:block;border-top:1px solid #bfc8be;padding:24px 0;min-width:0}
.hc-work-links strong{font-weight:500;display:block;font-size:clamp(21px,2.5vw,35px);letter-spacing:-.05em}
.hc-work-links small{font-size:12px;color:#7a877d}
.hc-work-links a:hover strong{color:#b86e5a}
.hc-viewports{font-size:10px;letter-spacing:.15em;color:#8a9188;font-weight:700}

/* HOME 01 — Editorial: asymmetric museum-grade typographic portfolio */
body[data-home="editorial"]{background:#f8f6f0}
.hc-ed-hero{padding:clamp(38px,5vw,78px) 0 100px;min-height:700px}
.hc-ed-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:45px}
.hc-ed-title-row{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:30px}
.hc-ed-title{font-size:clamp(73px,9.4vw,166px);line-height:.85;letter-spacing:-.09em;font-weight:500;margin:0}
.hc-ed-title em{display:block;color:#ae7c76;font-size:1.1em}
.hc-ed-title-row>.hc-intro{max-width:415px;margin:0 0 14px auto}
.hc-ed-canvas{margin-top:63px;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);gap:24px;align-items:stretch}
.hc-ed-hero-image{height:clamp(470px,47vw,730px);position:relative;overflow:hidden;background:#dce9dd;padding:clamp(22px,4vw,60px);display:grid;place-items:center}
.hc-ed-hero-image>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 35px #30433a18);transition:opacity .35s,transform .7s var(--hc-ease)}
.hc-ed-hero-image.is-switching>img{opacity:.42;transform:translateY(14px) scale(.98)}
.hc-ed-hero-image>span{position:absolute;top:18px;left:18px;background:#f8f7f1d9;padding:13px 17px;font-size:10px;letter-spacing:.12em;font-weight:700}
.hc-ed-side{display:flex;flex-direction:column;justify-content:space-between;gap:25px}
.hc-ed-side img{height:clamp(210px,24vw,350px);width:100%;object-fit:contain;padding:23px;background:#f0e3da}
.hc-ed-side p{font-size:clamp(24px,2.8vw,41px);line-height:1.1;letter-spacing:-.05em;margin:0}
.hc-ed-side .hc-link{align-self:flex-start}
.hc-ed-selector{padding:80px 0 110px;border-top:1px solid #dcded6}
.hc-ed-selector .hc-row{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.hc-ed-selector h2{font-weight:500;font-size:clamp(55px,6vw,96px);line-height:.94;letter-spacing:-.08em;margin:16px 0 26px}
.hc-ed-choices{border-top:1px solid #c3cbc1}
.hc-ed-choices button{width:100%;border:0;background:transparent;padding:22px 9px 22px 0;display:flex;align-items:baseline;gap:15px;text-align:left;border-bottom:1px solid #c3cbc1;transition:color .2s,background .2s}
.hc-ed-choices button:hover,.hc-ed-choices button[aria-pressed="true"]{color:#b46250}
.hc-ed-choices button[aria-pressed="true"]{background:#f1eae4}
.hc-ed-choices button span{font-size:10px;color:#96a098;letter-spacing:.1em}
.hc-ed-choices button strong{font-weight:500;font-size:clamp(18px,2vw,27px);letter-spacing:-.04em;flex:1}
.hc-ed-choices button b{font-size:17px;font-weight:400}
.hc-ed-preview{position:relative;padding:22px;background:#e5e9dd;min-height:420px;display:grid;grid-template-rows:1fr auto;gap:22px}
.hc-ed-preview>img{width:100%;height:390px;max-height:48vw;object-fit:contain}
.hc-ed-preview-info{display:flex;align-items:end;justify-content:space-between;gap:10px}
.hc-ed-preview-info strong{font-weight:500;font-size:22px}
.hc-ed-preview-info span{font-size:10px;color:#667c6c;letter-spacing:.1em}

/* HOME 02 — The paper desk: tactile collage composed from original art */
body[data-home="collage"]{background:#f6f0e6}
.hc-paper-intro{padding:clamp(32px,5vw,72px) 0 45px}
.hc-paper-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:30px}
.hc-paper-heading h1{font-size:clamp(67px,8.8vw,149px);line-height:.86;letter-spacing:-.084em;font-weight:500;margin:18px 0 20px}
.hc-paper-heading em{color:#bc8070}
.hc-paper-heading .hc-intro{max-width:410px;margin:0 0 24px auto}
.hc-paper-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:22px}
.hc-paper-controls p{font-size:10px;letter-spacing:.14em;color:#8a887e;font-weight:700;margin:0}
.hc-paper-controls>div{display:flex;gap:9px}
.hc-paper-controls button{background:transparent;border:1px solid #bdc3b6;padding:10px 16px;font-size:12px;font-weight:700}
.hc-paper-controls button:hover{background:#e3e9dd}
.hc-paper-board{position:relative;height:clamp(530px,55vw,810px);overflow:hidden;background:#e7e2d8;
 background-image:radial-gradient(#a39d9140 .7px,transparent .7px),linear-gradient(135deg,#e8e2d7,#e9eadd);
 background-size:11px 11px,auto;border:1px solid #cbd1c3;isolation:isolate}
.hc-paper-board::before{content:"";position:absolute;inset:4%;border:1px dashed #8a978264;pointer-events:none}
.hc-sticker{position:absolute;top:var(--y);left:var(--x);width:var(--w);
 padding:7px 7px 30px;background:#fffcf7;border:1px solid #d3d2c8;box-shadow:0 13px 27px #302f2d27;
 transform:rotate(var(--r));z-index:var(--z,1);cursor:grab;touch-action:pan-y;
 transition:box-shadow .25s;user-select:none}
.hc-sticker img{width:100%;aspect-ratio:1.1;object-fit:contain;background:#f7f6f1;pointer-events:none}
.hc-sticker small{position:absolute;left:9px;bottom:8px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#67746b}
.hc-sticker:hover,.hc-sticker.is-dragging{box-shadow:0 18px 42px #202f2e50}
.hc-sticker.is-dragging{cursor:grabbing;touch-action:none}
.hc-paper-pin{position:absolute;bottom:30px;right:35px;background:#e8bfb3;padding:13px 24px;font-size:17px;font-family:"Instrument Serif",Georgia,serif;font-style:italic;transform:rotate(-5deg);box-shadow:0 7px 17px #635c4c21}
.hc-paper-under{display:flex;align-items:start;justify-content:space-between;gap:35px;padding:45px 0 100px}
.hc-paper-under h2{font-size:clamp(46px,5vw,78px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0}
.hc-paper-under p{max-width:375px;margin:0;color:#737c70;line-height:1.7}
.hc-tape{height:15px;width:82px;position:absolute;top:-9px;left:calc(50% - 41px);background:#e8d6b69e;transform:rotate(4deg);pointer-events:none}

/* HOME 03 — Idea field: high-contrast visual research, accessible tabs */
body[data-home="atlas"]{background:#122320;color:#f5f5e9}
.hc-at-hero{padding:clamp(42px,5vw,84px) 0 65px;background:radial-gradient(circle at 78% 32%,#2e504633,transparent 54%)}
.hc-at-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:end}
.hc-at-heading h1{font-size:clamp(77px,9vw,150px);line-height:.87;letter-spacing:-.08em;margin:20px 0 0;font-weight:500}
.hc-at-heading em{color:#c0d8c4}
.hc-at-heading .hc-intro{color:#b4c6b8;max-width:400px;justify-self:end}
.hc-at-legend{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:55px 0 17px}
.hc-at-legend .hc-kicker{color:#e5ad90}
.hc-at-legend span:last-child{font-size:10px;letter-spacing:.13em;color:#b0bfb6}
.hc-at-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.hc-at-filters button{background:#233a32;border:1px solid #52685b;color:#d3e2d4;padding:10px 17px;border-radius:25px;font-size:12px;font-weight:700}
.hc-at-filters button[aria-pressed="true"]{background:#e4ecdc;color:#153127}
.hc-at-filters button:hover{border-color:#dae5d8}
.hc-at-field{position:relative;height:clamp(550px,55vw,760px);overflow:hidden;
 border:1px solid #5272636e;
 background-image:radial-gradient(#72958855 .65px,transparent .65px),radial-gradient(ellipse at 50% 60%,#254e3e,#122620 70%);
 background-size:26px 26px,auto;isolation:isolate}
.hc-at-field:after{content:"";position:absolute;inset:3%;border:1px solid #9bb6a927;pointer-events:none;z-index:4}
.hc-at-node{position:absolute;left:var(--px);top:var(--py);width:clamp(80px,10vw,165px);
 display:grid;gap:8px;transform:translate(-50%,-50%);background:#f8f7f0;color:#20352e;padding:7px;
 text-align:left;border:1px solid #d5ddce;box-shadow:0 15px 24px #071b1460;z-index:2;
 transition:left .75s var(--hc-ease),top .75s var(--hc-ease),opacity .3s,filter .3s,transform .25s}
.hc-at-node img{width:100%;aspect-ratio:1.1;object-fit:contain;background:#f4f2eb;pointer-events:none}
.hc-at-node span{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 3px 3px}
.hc-at-node:hover,.hc-at-node.is-selected{z-index:3;border-color:#f0ac87;transform:translate(-50%,-50%) scale(1.07)}
.hc-at-node.is-muted{opacity:.18;filter:grayscale(.8)}
.hc-at-orbit{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;border:1px solid #bdd6c02c;left:28%;top:12%;pointer-events:none}
.hc-at-orbit::after{content:"";position:absolute;inset:12%;border:1px dashed #bdd6c029;border-radius:50%}
.hc-at-result{padding:32px 36px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:25px;background:#21362e;border:1px solid #526b5b;border-top:0}
.hc-at-result .hc-kicker{color:#e1a68d}
.hc-at-result h2{font-size:clamp(35px,4vw,65px);font-weight:500;letter-spacing:-.065em;line-height:1;margin:12px 0 10px}
.hc-at-result p{font-size:14px;color:#bbccbc;max-width:580px;margin:0}
.hc-at-result a{border-bottom:1px solid #a1b9a1;padding-bottom:9px;font-size:13px;white-space:nowrap}
.hc-at-more{padding:78px 0 105px}
.hc-at-more h2{font-size:clamp(42px,6vw,88px);font-weight:500;letter-spacing:-.07em;line-height:1;margin:15px 0 30px}
.hc-at-more .hc-work-links a{border-color:#537465}
.hc-at-more .hc-work-links small{color:#adc0b1}

/* CONCEPT HUB — one polished gateway to the four homepage choices */
body[data-home="hub"]{background:#f8f6f1}
.hc-hub-head{padding:75px 0 85px;background:linear-gradient(140deg,#f8f3ed,#eef1e8)}
.hc-hub-head h1{font-size:clamp(74px,9.8vw,166px);letter-spacing:-.087em;font-weight:500;line-height:.88;margin:70px 0 25px}
.hc-hub-head h1 em{color:#b98075}
.hc-hub-head p{max-width:590px;font-size:18px;color:#69776b;line-height:1.73}
.hc-hub-grid{padding:55px 0 115px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.hc-hub-card{min-width:0;background:#eee9e1;display:grid;grid-template-rows:270px auto}
.hc-hub-card:nth-child(2){background:#e1ebe2}
.hc-hub-card:nth-child(3){background:#eadfe1}
.hc-hub-card:nth-child(4){background:#e0e9e5}
.hc-hub-visual{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:27px;gap:10px;overflow:hidden}
.hc-hub-visual img{width:100%;height:185px;object-fit:contain;background:#fffdf9;padding:7px;box-shadow:0 6px 18px #23352826}
.hc-hub-visual img:nth-child(2){transform:rotate(-6deg) translateY(15px)}
.hc-hub-visual img:nth-child(3){transform:rotate(7deg) translateY(-11px)}
.hc-hub-card:nth-child(2) .hc-hub-visual img{border-radius:48% 48% 4px 4px}
.hc-hub-card:nth-child(4) .hc-hub-visual img{border-radius:50%}
.hc-hub-text{padding:24px 30px 30px}
.hc-hub-text>span{font-size:10px;letter-spacing:.17em;color:#7f9184;font-weight:700}
.hc-hub-text h2{font-weight:500;font-size:clamp(35px,4vw,65px);letter-spacing:-.065em;line-height:1.02;margin:16px 0}
.hc-hub-text p{font-size:14px;color:#728176;line-height:1.65;min-height:65px}
.hc-hub-text a{display:inline-flex;gap:20px;border-bottom:1px solid;padding-bottom:7px;font-size:13px;font-weight:700}
.hc-hub-text a:hover{color:#af705f}

/* Native artwork viewer */
.hc-modal{border:0;padding:18px;background:#faf9f3;color:#27392f;width:min(900px,94vw);max-height:92dvh;box-shadow:0 22px 80px #111c18a8}
.hc-modal::backdrop{background:#071910cf}
.hc-modal-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 10px 14px}
.hc-modal-top span{font-size:11px;font-weight:700;letter-spacing:.15em}
.hc-modal-top button{border:1px solid #afbfae;background:transparent;padding:8px 13px}
.hc-modal>img{max-height:75dvh;width:100%;object-fit:contain;background:#f0f1e9}
@media(max-width:1050px){
 .hc-at-node{width:clamp(72px,11vw,115px)}
 .hc-ed-canvas{grid-template-columns:1.1fr .9fr}
 .hc-ed-title{font-size:clamp(75px,9vw,125px)}
}
@media(max-width:760px){
 .hc-container{width:calc(100% - 36px)}
 .hc-ed-hero{padding:46px 0 55px;min-height:0}
 .hc-ed-top{margin-bottom:35px}
 .hc-ed-title-row,.hc-paper-heading,.hc-at-heading{grid-template-columns:1fr;gap:15px}
 .hc-ed-title{font-size:clamp(66px,14vw,105px)}
 .hc-ed-title-row>.hc-intro,.hc-paper-heading .hc-intro,.hc-at-heading .hc-intro{margin:25px 0 0;justify-self:start;font-size:15px}
 .hc-ed-canvas{margin-top:38px;grid-template-columns:1fr;gap:14px}
 .hc-ed-hero-image{height:clamp(330px,100vw,540px);padding:24px}
 .hc-ed-side{display:grid;grid-template-columns:120px 1fr;gap:14px}
 .hc-ed-side img{height:145px;padding:7px}
 .hc-ed-side p{font-size:25px;align-self:center}
 .hc-ed-side .hc-link{grid-column:1/-1}
 .hc-ed-selector{padding:60px 0 85px}
 .hc-ed-selector .hc-row{grid-template-columns:1fr;gap:30px}
 .hc-ed-selector h2{font-size:65px}
 .hc-ed-preview{min-height:280px}
 .hc-ed-preview>img{height:260px;max-height:none}
 .hc-paper-intro{padding:38px 0 28px}
 .hc-paper-heading h1{font-size:clamp(63px,13vw,98px)}
 .hc-paper-controls{gap:12px}
 .hc-paper-controls p{font-size:9px}
 .hc-paper-board{height:clamp(460px,110vw,640px)}
 .hc-sticker{padding:4px 4px 20px;min-width:70px}
 .hc-sticker small{font-size:7px;left:5px;bottom:5px}
 .hc-paper-pin{right:14px;bottom:12px;padding:8px 14px;font-size:15px}
 .hc-paper-under{display:block;padding:38px 0 70px}
 .hc-paper-under h2{font-size:clamp(49px,10vw,76px)}
 .hc-paper-under p{margin-top:20px}
 .hc-at-hero{padding:38px 0 58px}
 .hc-at-heading h1{font-size:clamp(67px,13vw,99px)}
 .hc-at-legend{margin:45px 0 15px}
 .hc-at-legend span:last-child{display:none}
 .hc-at-filters{gap:6px}
 .hc-at-filters button{font-size:11px;padding:8px 12px}
 .hc-at-field{height:510px}
 .hc-at-node{width:clamp(70px,18vw,92px);padding:4px;gap:3px}
 .hc-at-node span{font-size:8px}
 .hc-at-result{padding:24px 18px;grid-template-columns:1fr}
 .hc-at-result h2{font-size:50px}
 .hc-at-result a{justify-self:start}
 .hc-at-more{padding:60px 0}
 .hc-work-shelf{padding:70px 0}
 .hc-work-links{grid-template-columns:1fr;gap:0}
 .hc-work-links a{padding:17px 0}
 .hc-work-links strong{font-size:26px}
 .hc-hub-head{padding:40px 0 60px}
 .hc-hub-head h1{font-size:clamp(70px,14vw,112px);margin:65px 0 25px}
 .hc-hub-head p{font-size:15px}
 .hc-hub-grid{grid-template-columns:1fr;gap:20px;padding:35px 0 75px}
 .hc-hub-card{grid-template-rows:220px auto}
 .hc-hub-visual{padding:14px}
 .hc-hub-visual img{height:160px}
 .hc-hub-text{padding:22px}
 .hc-hub-text h2{font-size:49px}
 .hc-hub-text p{min-height:0}
 .hc-explore-tail{padding:63px 22px;grid-template-columns:1fr}
 .hc-explore-tail h2{font-size:57px}
}
@media(max-width:400px){
 .hc-ed-title{font-size:64px}
 .hc-paper-heading h1{font-size:60px}
 .hc-at-heading h1{font-size:64px}
 .hc-at-node{width:64px}
 .hc-paper-board{height:455px}
}
@media(prefers-reduced-motion:reduce){
 .hc-body *, .hc-body *::before,.hc-body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* AVIV CONCEPTS: home-concepts.css */

/* Predictable desktop & mobile interaction, including keyboard and reduced motion. */
.skip-link{position:absolute;left:16px;top:-90px;z-index:200;
 padding:11px 16px;background:#263c2f;color:#fff!important}
.skip-link:focus{top:12px}
.hc-ed-hero-image{border:0;appearance:none;cursor:pointer;text-align:left}
.hc-ed-preview-info button{background:transparent;border:0}
.hc-sticker.is-remixing{transition:left .65s cubic-bezier(.2,.8,.2,1),top .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1)}
.hc-sticker:focus-visible{outline:2px solid #b76954;outline-offset:4px}
@media(max-width:760px){
 .hc-sticker{transition:box-shadow .18s}
 .hc-ed-side img{aspect-ratio:1;object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.hc-sticker.is-remixing{transition:none}}