:root {
    --paper: #f1ece2;
    --ink: #1a120d;
    --amber: #c66d20;
    --green: #38ad2d;
    --line: rgba(26, 18, 13, .2);
    --muted: rgba(26, 18, 13, .63);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; background: var(--paper); }

body {
    margin: 0;
    color: var(--ink);
    background: var(--paper);
    font-family: Manrope, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
img { display: block; width: 100%; height: auto; }

.carry-skip {
    position: fixed;
    z-index: 100;
    top: 12px;
    left: 12px;
    padding: 10px 14px;
    color: #fff;
    background: #000;
    transform: translateY(-160%);
}

.carry-skip:focus { transform: none; }

.carry-nav {
    position: fixed;
    z-index: 30;
    inset: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 58px;
    padding: 0 clamp(16px, 3vw, 48px);
    border-bottom: 1px solid rgba(255,255,255,.24);
    color: #fff;
    background: rgba(25, 14, 7, .34);
    backdrop-filter: blur(16px);
    font: 500 10px/1.2 "DM Mono", monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.carry-nav a { min-height: 44px; display: inline-flex; gap: 7px; align-items: center; text-decoration: none; }
.carry-nav a:nth-child(2) { justify-self: center; }
.carry-nav a:last-child { justify-self: end; }
.carry-nav a:hover, .carry-nav a:focus-visible { opacity: .62; outline: none; }

.carry-hero {
    position: relative;
    min-height: 100svh;
    display: grid;
    align-items: end;
    overflow: hidden;
    color: #fff;
    background: #9a4f17;
}

.carry-hero > img,
.carry-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.carry-hero > img { object-fit: cover; }
.carry-hero__shade { background: linear-gradient(90deg, rgba(22,11,4,.75) 0%, rgba(22,11,4,.16) 55%, rgba(22,11,4,.12) 100%), linear-gradient(0deg, rgba(18,8,2,.55), transparent 45%); }

.carry-hero__copy {
    position: relative;
    z-index: 2;
    width: min(100%, 1200px);
    padding: 120px clamp(18px, 7vw, 110px) clamp(92px, 11vh, 130px);
}

.carry-hero__copy p,
.carry-index,
.carry-kicker,
.carry-hero__copy > span,
.carry-hero__cue,
figcaption {
    font-family: "DM Mono", monospace;
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 1.5;
    text-transform: uppercase;
}

.carry-hero__copy p { margin: 0 0 20px; }
.carry-hero h1 { margin: 0; font-size: clamp(82px, 18vw, 270px); font-weight: 600; line-height: .7; letter-spacing: -.085em; text-transform: uppercase; }
.carry-hero__copy > span { display: block; max-width: 42em; margin-top: 42px; font-size: clamp(10px, .85vw, 13px); }
.carry-hero__cue { position: absolute; z-index: 3; right: clamp(18px, 4vw, 64px); bottom: 28px; display: flex; gap: 18px; color: #fff; text-decoration: none; }

.carry-pad { padding: clamp(84px, 10vw, 156px) clamp(18px, 7vw, 112px); }
.carry-index { margin: 0; color: var(--muted); }
.carry-kicker { margin: 0 0 22px; color: var(--muted); }

.carry-brief {
    display: grid;
    grid-template-columns: .5fr 1.1fr .8fr;
    gap: clamp(28px, 5vw, 80px);
    align-items: start;
}

.carry-brief h2,
.carry-feature h2,
.carry-design h2,
.carry-making h2,
.carry-archive h2 {
    margin: 0;
    font-size: clamp(48px, 7.4vw, 116px);
    font-weight: 520;
    line-height: .86;
    letter-spacing: -.065em;
    text-transform: uppercase;
}

h2 em { color: var(--amber); font-style: normal; }
.carry-brief__body p { margin: 0; max-width: 30em; color: var(--muted); font-size: clamp(17px, 1.5vw, 22px); line-height: 1.52; }
.carry-facts { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(4, 1fr); margin: 34px 0 0; border-top: 1px solid var(--ink); }
.carry-facts div { min-width: 0; padding: 15px 16px 0 0; border-right: 1px solid var(--line); }
.carry-facts div + div { padding-left: 16px; }
.carry-facts div:last-child { border-right: 0; }
.carry-facts dt { margin-bottom: 7px; color: var(--muted); font: 500 9px/1.4 "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.carry-facts dd { margin: 0; font-size: 13px; line-height: 1.35; }

.carry-feature { display: grid; grid-template-columns: .72fr 1.28fr; color: #fff; background: #2a1008; }
.carry-feature__copy { align-self: center; }
.carry-feature .carry-index { color: rgba(255,255,255,.56); }
.carry-feature h2 { max-width: 7ch; margin: 26px 0; color: #ffc000; }
.carry-feature__copy > p:not(.carry-index) { max-width: 30em; color: rgba(255,255,255,.65); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.5; }
.carry-feature__list { margin: 38px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.35); list-style: none; }
.carry-feature__list li { display: grid; grid-template-columns: 44px 1fr; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.18); font-size: 12px; }
.carry-feature__list span { color: rgba(255,255,255,.45); font-family: "DM Mono", monospace; font-size: 9px; }
.carry-feature__image { align-self: stretch; display: grid; grid-template-rows: 1fr auto; min-width: 0; margin: 0; background: #36140a; }
.carry-feature__image img { height: 100%; min-height: 680px; object-fit: cover; object-position: 52% center; }
.carry-feature__image figcaption { padding: 12px 16px; color: rgba(255,255,255,.58); }

.carry-design__head,
.carry-archive__head { display: grid; grid-template-columns: .6fr 1.4fr; gap: clamp(30px, 6vw, 100px); margin-bottom: clamp(54px, 8vw, 110px); }
.carry-design__head > div > p,
.carry-archive__head > div > p { max-width: 34em; margin: 28px 0 0; color: var(--muted); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.5; }
.carry-design__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 2vw, 28px); }
.carry-design figure, .carry-archive figure, .carry-making figure { margin: 0; }
.carry-design figure { border: 1px solid var(--line); background: #e6dfd2; }
.carry-design figcaption { display: flex; justify-content: space-between; padding: 12px 14px; border-top: 1px solid var(--line); color: var(--muted); }

.carry-making { display: grid; grid-template-columns: .58fr 1.42fr; gap: clamp(42px, 7vw, 120px); align-items: start; color: #f7f2e8; background: #18110d; }
.carry-making__copy { position: sticky; top: 100px; }
.carry-making h2 { margin: 26px 0; color: #f7f2e8; }
.carry-making__copy > p:last-child { max-width: 30em; color: rgba(255,255,255,.6); font-size: clamp(16px, 1.3vw, 20px); line-height: 1.55; }
.carry-making .carry-index { color: rgba(255,255,255,.5); }
.carry-making__image { border: 1px solid rgba(255,255,255,.2); }
.carry-making__image figcaption { padding: 12px 14px; color: rgba(255,255,255,.55); }

.carry-archive { background: #d7c6a8; }
.carry-archive__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 2vw, 26px); }
.carry-archive figure { overflow: hidden; border: 1px solid rgba(26,18,13,.3); background: var(--paper); }
.carry-archive figure:last-child { grid-column: 1 / -1; width: calc(50% - clamp(6px, 1vw, 13px)); }
.carry-archive figcaption { padding: 11px 13px; border-top: 1px solid var(--line); }

.carry-next { min-height: 72svh; display: grid; grid-template-columns: 1fr auto; align-content: space-between; padding: clamp(60px, 8vw, 120px) clamp(18px, 7vw, 112px); color: #fff; background: #02040b; text-decoration: none; }
.carry-next > span, .carry-next em { font: 500 10px/1.4 "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.carry-next strong { grid-column: 1 / -1; font-size: clamp(78px, 18vw, 270px); font-weight: 600; line-height: .72; letter-spacing: -.085em; }
.carry-next em { align-self: end; justify-self: end; font-style: normal; }
.carry-next:hover strong, .carry-next:focus-visible strong { transform: translateX(10px); }
.carry-next strong { transition: transform .35s ease; }

.carry-reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.2,1); }
.carry-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
    .carry-brief { grid-template-columns: 1fr; }
    .carry-brief__body, .carry-facts { grid-column: auto; }
    .carry-facts { grid-template-columns: 1fr 1fr; }
    .carry-facts div:nth-child(2) { border-right: 0; }
    .carry-feature { grid-template-columns: 1fr; }
    .carry-feature__image img { min-height: 0; }
    .carry-making { grid-template-columns: 1fr; }
    .carry-making__copy { position: static; }
}

@media (max-width: 640px) {
    .carry-nav { grid-template-columns: 1fr auto; }
    .carry-nav a:nth-child(2) { display: none; }
    .carry-hero > img { object-position: 58% center; }
    .carry-hero__copy { padding-bottom: 105px; }
    .carry-hero__copy > span { max-width: 27em; }
    .carry-design__head, .carry-archive__head { grid-template-columns: 1fr; }
    .carry-design__grid, .carry-archive__grid { grid-template-columns: 1fr; }
    .carry-archive figure:last-child { grid-column: auto; width: auto; }
    .carry-design figcaption { gap: 10px; }
    .carry-facts { grid-template-columns: 1fr; }
    .carry-facts div { padding: 13px 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .carry-facts div + div { padding-left: 0; }
    .carry-next { min-height: 56svh; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .carry-reveal { opacity: 1; transform: none; transition: none; }
}