:root{--ink:#161512;--paper:#f4f0e8;--accent:#c75536;--line:color-mix(in srgb,var(--ink),transparent 78%);--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit}.concept-switcher{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:0 2vw;background:#141414;color:#fff;font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.concept-switcher a{text-decoration:none}.concept-switcher nav{display:flex;justify-content:flex-end;gap:5px}.concept-switcher nav a{display:grid;width:27px;height:27px;place-items:center;border:1px solid #555;border-radius:50%}.concept-switcher nav a[aria-current=page]{background:#fff;color:#111}.concept-header{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 4vw;border-bottom:1px solid var(--line)}.concept-name{font:400 clamp(25px,3vw,42px)/.82 var(--serif);text-decoration:none}.concept-name span{display:block}.concept-header nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.concept-header nav a{text-decoration:none}.concept-hero{position:relative;min-height:720px;padding:clamp(60px,9vw,130px) 4vw 50px;overflow:hidden}.concept-kicker{margin:0 0 30px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.concept-hero h1{position:relative;z-index:2;max-width:1100px;margin:0;font:400 clamp(76px,12vw,180px)/.78 var(--serif);letter-spacing:-.045em}.concept-hero h1 em{font-weight:400}.hero-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:65px}.hero-foot p{max-width:520px;margin:0;font-size:clamp(18px,2vw,26px);line-height:1.3}.hero-foot a,.story-link,.concept-about a{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-mark{position:absolute;right:-2vw;bottom:-12vw;display:flex;color:var(--accent);font:400 clamp(320px,45vw,650px)/.6 var(--serif);opacity:.16;letter-spacing:-.15em}.concept-work{padding:80px 4vw;background:var(--ink);color:var(--paper)}.concept-work>header{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid color-mix(in srgb,var(--paper),transparent 65%);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.concept-stories{display:grid;grid-template-columns:repeat(12,1fr)}.concept-story{grid-column:span 6;position:relative;padding:40px 4vw 55px 0;border-bottom:1px solid color-mix(in srgb,var(--paper),transparent 75%)}.concept-story:nth-child(even){padding-left:4vw;border-left:1px solid color-mix(in srgb,var(--paper),transparent 75%)}.story-number{font-size:11px;opacity:.65}.story-meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.concept-story h2{max-width:600px;margin:18px 0;font:400 clamp(34px,4vw,62px)/.96 var(--serif)}.concept-story h2 a{text-decoration:none}.story-summary{max-width:490px;line-height:1.55;opacity:.75}.story-link{display:inline-block;margin-top:22px}.concept-about{display:grid;grid-template-columns:1fr 2.7fr;gap:6vw;padding:100px 4vw}.about-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase}.concept-about blockquote{grid-column:2;margin:0;font:400 clamp(50px,7vw,100px)/.92 var(--serif);letter-spacing:-.025em}.concept-about>div{grid-column:2;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.concept-about>div p{max-width:520px;font-size:20px;line-height:1.5}.concept-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 4vw;border-top:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase}

/* 01 — literary */
.concept-literary{--paper:#f5f0e6;--ink:#1d1b18;--accent:#8e3023;--serif:"Newsreader",Georgia,serif}.concept-literary .concept-hero h1{max-width:900px;font-weight:300;line-height:.84}.concept-literary .concept-hero h1 em{color:var(--accent)}.concept-literary .concept-work{background:#e8dfd0;color:var(--ink)}.concept-literary .concept-work>header,.concept-literary .concept-story{border-color:#bfb4a3}.concept-literary .concept-story:nth-child(even){border-color:#bfb4a3}.concept-literary .concept-story h2{font-weight:300}

/* 02 — arts journal */
.concept-arts-journal{--paper:#b9c9ff;--ink:#182342;--accent:#ff4e30}.concept-arts-journal .concept-header{border-bottom:3px solid var(--ink)}.concept-arts-journal .concept-name{font-family:"DM Serif Display",serif}.concept-arts-journal .concept-name span{display:inline}.concept-arts-journal .concept-hero{min-height:760px}.concept-arts-journal .concept-hero h1{max-width:1250px;font-family:"DM Serif Display",serif;line-height:.82}.concept-arts-journal .concept-hero h1 em{color:var(--accent)}.concept-arts-journal .hero-mark{opacity:.85;color:#f5dc52;mix-blend-mode:multiply}.concept-arts-journal .concept-work{background:#ff4e30;color:#182342}.concept-arts-journal .concept-story,.concept-arts-journal .concept-story:nth-child(even),.concept-arts-journal .concept-work>header{border-color:#182342}.concept-arts-journal .concept-story h2{font-family:"DM Serif Display",serif}.concept-arts-journal .concept-about{background:#f5dc52}

/* 03 — new wave */
.concept-new-wave{--paper:#f3ff38;--ink:#0b0b0b;--accent:#ff3dad;--serif:"Archivo Black",Impact,sans-serif}.concept-new-wave .concept-header{border-bottom:4px solid}.concept-new-wave .concept-name{font-family:"Archivo Black",sans-serif;font-size:25px;line-height:.9;text-transform:uppercase}.concept-new-wave .concept-hero{min-height:780px}.concept-new-wave .concept-hero h1{max-width:1250px;font-family:"Archivo Black",sans-serif;font-size:clamp(70px,11vw,165px);line-height:.82;text-transform:uppercase}.concept-new-wave .concept-hero h1 em{display:inline-block;padding:0 .07em;background:var(--accent);font-style:normal;transform:rotate(-2deg)}.concept-new-wave .hero-mark{color:#16c9ff;font-family:"Archivo Black",sans-serif;opacity:1}.concept-new-wave .concept-work{background:#0b0b0b;color:#fff}.concept-new-wave .concept-story h2{font-family:"Archivo Black",sans-serif;font-size:clamp(30px,3.5vw,54px);text-transform:uppercase}.concept-new-wave .concept-about blockquote{font-family:"Archivo Black",sans-serif;font-size:clamp(42px,6vw,88px);text-transform:uppercase}.concept-new-wave .concept-about{background:#ff3dad}

/* 04 — field notes */
.concept-field-notes{--paper:#e9e2d2;--ink:#264232;--accent:#c85f38;--serif:"Newsreader",Georgia,serif}.concept-field-notes body{background-image:linear-gradient(90deg,transparent 49.8%,rgba(38,66,50,.07) 50%,transparent 50.2%)}.concept-field-notes .concept-header{margin:18px;border:1px solid;border-radius:18px}.concept-field-notes .concept-hero{margin:18px;min-height:710px;padding-left:5vw;border:1px solid;border-radius:28px;background:#d9b27f}.concept-field-notes .concept-hero h1{max-width:920px;line-height:.83}.concept-field-notes .concept-hero h1 em{color:#8e3526}.concept-field-notes .hero-mark{opacity:.22;color:#f7ebd8}.concept-field-notes .concept-work{margin:18px;border-radius:28px;background:#264232;color:#f4eddf}.concept-field-notes .concept-story h2{font-family:"Newsreader",serif}.concept-field-notes .concept-about blockquote{font-style:italic}.concept-field-notes .concept-footer{margin:18px;border:1px solid;border-radius:18px}

/* 05 — studio */
.concept-studio{--paper:#f6f6f3;--ink:#121317;--accent:#245dff;--serif:"Manrope",Arial,sans-serif}.concept-studio .concept-name{font:700 22px/1 "Manrope",sans-serif;letter-spacing:-.04em}.concept-studio .concept-name span{display:inline}.concept-studio .concept-hero{min-height:720px;padding-top:100px}.concept-studio .concept-hero h1{max-width:1200px;font:500 clamp(72px,10vw,145px)/.85 "Manrope",sans-serif;letter-spacing:-.075em}.concept-studio .concept-hero h1 em{color:var(--accent);font-style:normal}.concept-studio .hero-mark{font-family:"Manrope",sans-serif;font-weight:700;opacity:.08}.concept-studio .concept-work{background:#121317;color:#f6f6f3}.concept-studio .concept-story h2{font:500 clamp(32px,3.6vw,54px)/1 "Manrope",sans-serif;letter-spacing:-.045em}.concept-studio .concept-about blockquote{font:500 clamp(45px,6vw,86px)/1 "Manrope",sans-serif;letter-spacing:-.05em}

/* comparison index */
.design-index{min-height:100vh;background:#e8e2d8;color:#171611;font-family:"DM Sans",sans-serif}.design-index>header,.design-index>footer{display:flex;justify-content:space-between;padding:24px 3vw;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.design-index>header{border-bottom:1px solid #aaa297}.design-index main{display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:7vw;padding:7vw 3vw}.index-intro>p:first-child{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.index-intro h1{margin:20px 0;font:400 clamp(72px,10vw,150px)/.7 "Instrument Serif",serif;letter-spacing:-.05em}.index-intro h1 em{font-weight:400;color:#bf4a31}.index-dek{max-width:510px;margin-top:55px;font-size:18px;line-height:1.5}.design-list{margin:0;padding:0;list-style:none;border-top:1px solid #aaa297}.design-list li{border-bottom:1px solid #aaa297}.design-list a{display:grid;grid-template-columns:45px 1fr auto 30px;align-items:center;gap:20px;padding:27px 5px;text-decoration:none;transition:padding .2s,background .2s}.design-list a:hover{padding-left:18px;padding-right:18px;background:#f5f1ea}.design-list span,.design-list small{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.design-list strong{font:400 clamp(28px,3vw,45px)/1 "Instrument Serif",serif}.design-list i{font-style:normal;font-size:20px}

@media(max-width:760px){.concept-switcher{grid-template-columns:1fr auto}.concept-switcher>span{display:none}.concept-header{padding:22px 20px}.concept-header nav{gap:14px}.concept-hero{min-height:650px;padding:70px 20px 35px}.concept-hero h1{font-size:clamp(60px,20vw,100px)}.hero-foot{display:block}.hero-foot a{display:inline-block;margin-top:35px}.concept-work{padding:60px 20px}.concept-story,.concept-story:nth-child(even){grid-column:span 12;padding:34px 0;border-left:0}.concept-about{display:block;padding:70px 20px}.concept-about blockquote{margin:40px 0}.concept-about>div{display:block}.concept-about>div a{display:inline-block;margin-top:25px}.concept-footer{flex-direction:column}.concept-field-notes .concept-header,.concept-field-notes .concept-hero,.concept-field-notes .concept-work,.concept-field-notes .concept-footer{margin:8px}.design-index main{display:block;padding:60px 20px}.index-dek{margin:45px 0}.design-list a{grid-template-columns:35px 1fr 25px}.design-list small{display:none}}