:root{--ink:#f6eddf;--muted:#cdbda8;--coal:#17130f;--paper:#ede2cf;--moss:#344431;--rust:#a95d3f}*{box-sizing:border-box}html{background:var(--coal);color:var(--ink)}body{margin:0;min-width:320px;overflow-x:hidden;font-family:Georgia,"Times New Roman",serif;background:radial-gradient(circle at 20% 8%,#41352a 0,transparent 28%),#17130f}a{color:inherit}header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #ffffff20}header img{width:190px}header .back,header p{font:700 .68rem/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-decoration:none}header p{justify-self:end;color:var(--muted)}main{width:min(1500px,100%);margin:auto;padding:clamp(56px,8vw,120px) clamp(18px,4vw,64px)}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:70px}.eyebrow{grid-column:1/-1;margin:0;color:#d9b9a4;font:700 .68rem/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.intro h1{margin:0;font-size:clamp(3.4rem,7.6vw,8.4rem);font-weight:400;line-height:.88;letter-spacing:-.06em}.intro h1 em{color:#cf815f;font-weight:400}.intro>p:last-child{max-width:55ch;margin:0;color:#ded2c2;font-size:clamp(1rem,1.4vw,1.25rem)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,48px)}.concept{position:relative;min-width:0;display:grid;padding-bottom:30px;border:1px solid #ffffff28;background:#251e18;text-decoration:none;overflow:hidden;box-shadow:0 25px 90px #0007}.concept picture{display:block;aspect-ratio:16/10;overflow:hidden}.concept img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.concept:hover img,.concept:focus-visible img{transform:scale(1.035);filter:saturate(1.1)}.number{position:absolute;top:16px;left:16px;padding:9px 12px;background:#17130fe6;border:1px solid #ffffff40;font:700 .64rem/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.paper-label{position:relative;width:calc(100% - 48px);margin:-44px 24px 20px;padding:18px 20px;background:var(--paper);color:#231b15;box-shadow:0 10px 30px #0006;transform:rotate(-1deg)}.concept-house .paper-label{transform:rotate(1deg)}.paper-label:before,.paper-label:after{content:"";position:absolute;top:-8px;width:45px;height:16px;background:#d8c7a5aa}.paper-label:before{left:12%}.paper-label:after{right:12%}.paper-label strong,.paper-label small{display:block}.paper-label strong{font-size:clamp(1.6rem,3vw,3rem);font-weight:400}.paper-label small{margin-top:6px;font:700 .65rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.concept>p{max-width:57ch;margin:0 28px 22px;color:#dacdbd}.concept>b{min-height:44px;display:flex;align-items:center;gap:14px;margin:0 28px;font:700 .7rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.concept i,aside i{width:30px;height:1px;background:currentColor;position:relative}.concept i:after,aside i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}aside{margin-top:48px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px dashed #ffffff45;background:#ffffff0c}aside span{color:#c6a58f;font:700 .65rem/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}aside h2{margin:8px 0;font-size:1.6rem;font-weight:400}aside p{margin:0;color:var(--muted)}aside a{min-height:44px;display:flex;align-items:center;gap:14px;white-space:nowrap;font:700 .7rem/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;padding:32px clamp(20px,4vw,64px);border-top:1px solid #ffffff20;color:var(--muted);font:.7rem/1.5 Arial,sans-serif}footer span:nth-child(2){text-align:center}footer a{text-align:right}:focus-visible{outline:2px solid #f2d5bd;outline-offset:4px}@media(max-width:760px){header{grid-template-columns:1fr auto;height:68px;padding:0 16px}header img{width:142px}header p{display:none}.intro{grid-template-columns:1fr;gap:24px;margin-bottom:42px}.intro h1{font-size:clamp(3.2rem,17vw,5.4rem)}.choices{grid-template-columns:1fr}.paper-label{width:calc(100% - 32px);margin:-30px 16px 18px}.concept>p,.concept>b{margin-inline:20px}aside{align-items:flex-start;flex-direction:column;padding:22px}aside a{white-space:normal}footer{grid-template-columns:1fr;padding-bottom:44px}footer span:nth-child(2),footer a{text-align:left}}
