/* HFS prototype — page sections */
/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(36px,5vw,72px) clamp(36px,5vw,64px)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero .kicker{display:flex;gap:12px;align-items:center;color:var(--text-meta);font-size:var(--text-caption);margin-bottom:18px}
.hero h1{font-size:var(--text-display);line-height:var(--leading-display)}
.hero h1 .accent{font-style:italic;color:var(--hfs-berry)}
.hero .lead{font-size:var(--text-lead);color:var(--text-soft);max-width:var(--measure-lead);margin-top:20px}
.hero .rotator{display:inline-block;min-width:12ch;font-style:italic;color:var(--hfs-berry-deep);transition:opacity var(--motion-base) var(--ease-out)}
.hero .rotator.fade{opacity:0}
.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;align-items:center}
.hero-stack{position:relative;min-height:420px}
.hero-stack .ph-main{position:absolute;inset:0 8% 10% 0;transform:rotate(-1.2deg)}
.hero-stack .ph-main .ph{aspect-ratio:4/3;overflow:hidden}
.hero-stack .ph-polaroid{position:absolute;right:0;bottom:0;width:44%;transform:rotate(3deg);z-index:var(--z-content)}
.hero-stack .ph-polaroid .print{padding-bottom:38px}
.hero-stack .ph-polaroid .ph{aspect-ratio:4/5;overflow:hidden}
.hero-stack .ph img{width:100%;height:100%;object-fit:cover}
.hero-stack .annot{position:absolute;left:-6px;bottom:-8px;transform:rotate(-5deg);z-index:var(--z-content);color:var(--hfs-berry);font-family:var(--font-hand);font-size:1.5rem}
.hero-stack .stamp{position:absolute;top:-6px;right:6%;z-index:var(--z-content)}
/* featured story */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.sec-head h2{font-size:var(--text-h2)}
.sec-head .hand{color:var(--hfs-berry)}
/* story grid */
.stories{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--card-gap) clamp(28px,4vw,56px);align-items:start}
.stories .col{display:flex;flex-direction:column;gap:clamp(28px,3vw,44px)}
/* category portal */
.portal{background:var(--surface-blush)}
.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap)}
.portal-grid .cat-card:nth-child(1){transform:rotate(-.6deg)}
.portal-grid .cat-card:nth-child(2){transform:rotate(.4deg)}
.portal-grid .cat-card:nth-child(3){transform:rotate(-.3deg)}
.portal-grid .cat-card:nth-child(4){transform:rotate(.5deg)}
.portal-grid .cat-card:hover{transform:translateY(-4px) rotate(0deg)}
/* podcast */
.podcast{background:var(--podcast-panel);color:var(--podcast-panel-text)}
.podcast-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:clamp(32px,5vw,72px);align-items:start}
.podcast h2{font-size:var(--text-h1);color:var(--podcast-panel-text)}
.podcast .desc{color:color-mix(in srgb,var(--podcast-panel-text) 75%,transparent);margin-top:16px;max-width:44ch}
.podcast .art{max-width:340px;position:relative;transform:rotate(-1.5deg)}
.podcast .art .ph{aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-petal)}
.podcast .art img{width:100%;height:100%;object-fit:cover}
.podcast .ep-list{display:flex;flex-direction:column;gap:16px}
.podcast .ep{background:color-mix(in srgb,var(--podcast-panel-text) 6%,transparent);border-color:color-mix(in srgb,var(--podcast-panel-text) 14%,transparent);color:var(--podcast-panel-text)}
.podcast .ep .sum{color:color-mix(in srgb,var(--podcast-panel-text) 72%,transparent)}
.podcast .ep-meta{color:color-mix(in srgb,var(--podcast-panel-text) 58%,transparent)}
.podcast .wave-big{display:flex;gap:4px;align-items:center;height:44px;margin:26px 0}
.podcast .wave-big span{width:4px;border-radius:2px;background:var(--podcast-wave)}
/* about preview */
.about-prev{background:var(--surface-blush)}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:center}
.about-grid .portrait{max-width:380px;transform:rotate(-1.6deg);position:relative}
.about-grid .portrait .ph{aspect-ratio:4/5;overflow:hidden}
.about-grid .portrait img{width:100%;height:100%;object-fit:cover}
.about-grid .portrait .annot{position:absolute;bottom:-14px;right:-8px;font-family:var(--font-hand);font-size:1.4rem;color:var(--hfs-berry);transform:rotate(-4deg)}
.route{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:var(--text-caption);color:var(--text-meta);margin:18px 0 6px}
.route .stop{font-weight:700;color:var(--text-soft)}
.route .line{flex:0 0 34px;height:1.5px;background:var(--hfs-line-strong);position:relative}
.route .line::after{content:"✈";position:absolute;top:-9px;right:-2px;font-size:10px;color:var(--hfs-ink-faint)}
/* verse */
.verse-sec{display:flex;justify-content:center;padding:var(--section-gap) var(--gutter)}
/* explore */
.explore{background:var(--surface-sage)}
.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:start}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.filter-btn{padding:9px 18px;border-radius:var(--radius-pill);border:1.5px solid var(--hfs-line-strong);background:var(--surface-card);color:var(--text-body);font-family:var(--font-body);font-weight:600;font-size:var(--text-caption);text-decoration:none;cursor:pointer;transition:all var(--motion-fast) var(--ease-out)}
.filter-btn:hover{background:var(--surface-blush)}
.filter-btn.active{background:var(--hfs-ink);color:var(--surface-page);border-color:var(--hfs-ink)}
.dest-list{display:flex;flex-direction:column;gap:18px}
/* portfolio preview + metro grid */
.portfolio-preview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:180px;grid-auto-flow:dense;gap:var(--card-gap)}
.portfolio-preview .portfolio-tile{grid-column:span 4}
.portfolio-preview .portfolio-tile.is-wide{grid-column:span 8;grid-row:span 2}
.portfolio-list{display:flex;flex-direction:column;border-top:1px solid var(--hfs-line)}
.portfolio-project{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(17rem,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding-block:clamp(22px,3vw,40px);border-bottom:1px solid var(--hfs-line)}
.portfolio-project.is-reverse{grid-template-columns:minmax(17rem,1fr) minmax(0,2.1fr)}
.portfolio-project.is-reverse .portfolio-project-media{order:2}.portfolio-project.is-reverse .portfolio-project-copy{order:1}
.portfolio-project-media{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/7.25;background:var(--surface-petal);color:var(--text-soft);text-decoration:none;border-radius:2px}
.portfolio-project-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-paper)}
.portfolio-project:hover .portfolio-project-media img{transform:scale(1.025)}
.portfolio-project-play{position:absolute;left:50%;top:50%;width:58px;height:58px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in srgb,var(--hfs-paper) 92%,transparent);color:var(--hfs-berry);box-shadow:var(--shadow-float);padding-left:3px;transition:transform var(--motion-base) var(--ease-paper)}
.portfolio-project:hover .portfolio-project-play{transform:translate(-50%,-50%) scale(1.07)}
.portfolio-project-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:28rem}
.portfolio-project-index{font-family:var(--font-display);font-style:italic;font-size:var(--text-h4);color:var(--hfs-berry);font-variant-numeric:tabular-nums}
.portfolio-project-copy .label{color:var(--text-meta)}
.portfolio-project-copy h2{font-size:clamp(1.75rem,2.7vw,2.75rem);text-wrap:balance}
.portfolio-project-copy h2 a{color:var(--text-body);text-decoration:none}
.portfolio-project-copy h2 a:hover{color:var(--action-link)}
.portfolio-project-summary{font-size:var(--text-small);color:var(--text-soft);line-height:1.65;max-width:42ch;text-wrap:pretty}
.portfolio-project-link{display:inline-flex;gap:10px;align-items:center;margin-top:8px;font-weight:600;font-size:var(--text-small);text-decoration:none}
.portfolio-project-link span{transition:transform var(--motion-fast) var(--ease-out)}.portfolio-project-link:hover span{transform:translateX(4px)}
.portfolio-tile{position:relative;display:block;overflow:hidden;min-height:0;border-radius:var(--radius-md);background:var(--hfs-ink);color:var(--text-oninverse);text-decoration:none;box-shadow:var(--shadow-print);isolation:isolate}
.portfolio-tile:hover{color:var(--text-oninverse);box-shadow:var(--shadow-lift)}
.portfolio-horizontal{grid-column:span 6;grid-row:span 7}.portfolio-vertical{grid-column:span 4;grid-row:span 12}.portfolio-square{grid-column:span 4;grid-row:span 8}.portfolio-wide{grid-column:span 8;grid-row:span 8}.portfolio-large{grid-column:span 8;grid-row:span 12}
.portfolio-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-petal);font-family:var(--font-hand);font-size:1.2rem;color:var(--cat-diario-deep)}
.portfolio-media::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(32,22,21,.88));pointer-events:none}
.portfolio-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-paper)}
.portfolio-tile:hover .portfolio-media img{transform:scale(1.035)}
.portfolio-overlay{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:clamp(18px,2.4vw,30px);display:flex;flex-direction:column;gap:7px;color:#fff}
.portfolio-overlay .label{color:rgba(255,255,255,.72)}
.portfolio-overlay h2,.portfolio-overlay h3{font-size:clamp(1.25rem,2.1vw,2rem);color:#fff}
.portfolio-overlay p{max-width:52ch;color:rgba(255,255,255,.78);font-size:var(--text-small)}
.portfolio-cta{display:flex;justify-content:center;margin-top:clamp(32px,5vw,60px)}
/* social strip */
.social-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:center}
.social-strip .print{aspect-ratio:4/5;overflow:hidden;padding:6px}
.social-strip .print:nth-child(odd){transform:rotate(-1.3deg)}
.social-strip .print:nth-child(even){transform:rotate(1.1deg)}
.social-strip .print:hover{transform:rotate(0) translateY(-3px);box-shadow:var(--shadow-lift)}
/* generic page hero */
.page-hero{padding-block:clamp(40px,6vw,80px) clamp(28px,4vw,48px)}
.page-hero .kicker{color:var(--hfs-berry);margin-bottom:14px}
.page-hero h1{font-size:var(--text-display)}
.page-hero .lead{font-size:var(--text-lead);color:var(--text-soft);max-width:var(--measure-lead);margin-top:18px}
/* Exact page-specific rules from the Offline reference. */
.pleasures{padding-bottom:clamp(36px,4.5vw,58px)}.detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.detail{background:var(--surface-card);border:1px solid var(--hfs-line);border-radius:var(--radius-md);padding:22px 18px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;box-shadow:var(--shadow-print)}.detail img{width:22px;height:22px;filter:invert(.3) sepia(.3)}[data-theme="dark"] .detail img{filter:invert(.85)}.detail b{font-size:var(--text-small)}.detail span{font-size:var(--text-caption);color:var(--text-soft)}
.timeline{position:relative;max-width:1040px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--hfs-berry) 28%,var(--hfs-line));transform:translateX(-50%)}.tl-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);min-height:clamp(190px,19vw,250px)}.tl-card{grid-column:1;padding:18px clamp(28px,4vw,54px) 42px 0;text-align:right}.tl-item.is-right .tl-card{grid-column:3;padding:18px 0 42px clamp(28px,4vw,54px);text-align:left}.tl-marker{grid-column:2;grid-row:1;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1}.tl-marker span{width:72px;height:72px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background:var(--hfs-berry);color:#fff;border:7px solid var(--surface-blush);font-family:var(--font-display);font-size:var(--text-caption);line-height:1;text-align:center;box-shadow:0 0 0 1px color-mix(in srgb,var(--hfs-berry) 24%,transparent)}.tl-item .period{font-family:var(--font-hand);font-size:1.3rem;color:var(--hfs-berry)}.tl-item h3{font-size:var(--text-h3);margin-top:4px}.tl-item p{color:var(--text-soft);max-width:46ch;margin-top:8px;display:inline-block}.tl-item .loc{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;color:var(--text-meta);margin-top:6px;display:block}
.progress{position:fixed;top:0;left:0;height:3px;background:var(--hfs-berry);width:0;z-index:var(--z-toast)}.article-grid{display:grid;grid-template-columns:1fr minmax(0,var(--measure-article)) 1fr;gap:0 clamp(24px,3vw,48px)}.article-grid>*{grid-column:2}.article-rail{grid-column:3;grid-row:1/span 30;justify-self:start;position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:10px;padding-top:8px}.rail-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--hfs-line-strong);background:var(--surface-card);cursor:pointer;display:flex;align-items:center;justify-content:center}.article-body p{margin:0 0 1.4em;max-width:var(--measure-article)}.article-body figure{margin:2.2em 0}.article-body img{max-width:100%;height:auto}.article-body figcaption{font-style:italic;font-size:var(--text-caption);color:var(--text-meta);margin-top:10px}.fact-card{background:var(--surface-lake);border-radius:var(--radius-md);padding:22px 26px;margin:2em 0}.article-hero{max-width:min(1080px,100%);margin:0 auto}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap)}.prevnext a{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border:1px solid var(--hfs-line);border-radius:var(--radius-md);text-decoration:none;color:var(--text-body);background:var(--surface-card);box-shadow:var(--shadow-print)}.comments{background:var(--surface-blush);border-radius:var(--radius-lg);padding:clamp(24px,4vw,44px)}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,5vw,72px);align-items:start}.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,44px)}
.ep-hero{background:var(--podcast-panel);color:var(--podcast-panel-text)}.ep-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,64px);align-items:center}.episode-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:clamp(28px,4vw,56px);align-items:start;padding-bottom:var(--space-8)}.episode-detail-grid>*{min-width:0}.episode-description{overflow-wrap:anywhere}.acc-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--surface-card);border:1px solid var(--hfs-line);border-radius:var(--radius-md);padding:16px 22px;font-family:var(--font-body);font-weight:600;font-size:var(--text-body-size);color:var(--text-body);cursor:pointer}.acc-panel{padding:18px 22px;border:1px solid var(--hfs-line);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--text-soft);font-size:var(--text-small)}
.portfolio-detail-hero,.portfolio-detail{max-width:76rem}.portfolio-detail-hero h1{font-size:var(--text-display);max-width:16ch;text-wrap:balance}.portfolio-detail{display:flex;flex-direction:column;gap:clamp(28px,4vw,52px);padding-bottom:var(--space-9)}
.portfolio-cover,.portfolio-video{overflow:hidden;border-radius:3px;background:var(--hfs-ink);box-shadow:none}.portfolio-detail-photo .portfolio-cover{aspect-ratio:21/9}.portfolio-video{aspect-ratio:16/9}.portfolio-cover img,.portfolio-video iframe{width:100%;height:100%;object-fit:cover;border:0}
.portfolio-meta{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface-blush);border-radius:var(--radius-md);padding:22px 26px}.portfolio-meta div{display:flex;flex-direction:column;gap:6px;padding-inline:clamp(12px,2vw,26px);border-left:1px solid color-mix(in srgb,var(--hfs-berry) 16%,transparent)}.portfolio-meta div:first-child{border-left:0;padding-left:0}.portfolio-meta div:last-child{padding-right:0}.portfolio-meta b{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-meta)}.portfolio-meta span{color:var(--text-soft);font-size:var(--text-small);line-height:1.55}
.portfolio-copy{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px clamp(36px,5vw,72px)}.portfolio-copy h2{font-size:var(--text-h3);margin:0 0 .45em}.portfolio-copy p,.portfolio-copy ul,.portfolio-copy ol{font-size:var(--text-small);line-height:1.7}.portfolio-copy ul,.portfolio-copy ol{margin-top:0;padding-left:1.25rem}.portfolio-copy>:nth-child(1){grid-column:1;grid-row:1}.portfolio-copy>:nth-child(2){grid-column:1;grid-row:2}.portfolio-copy>:nth-child(3){grid-column:2;grid-row:1}.portfolio-copy>:nth-child(4){grid-column:2;grid-row:2}.portfolio-copy>:nth-child(n+5){grid-column:1/-1}.portfolio-copy>:first-child{margin-top:0}.portfolio-copy>:last-child{margin-bottom:0}
.portfolio-copy>.portfolio-gallery-title{grid-column:1;align-self:end;margin-top:clamp(30px,5vw,62px)!important;font-size:var(--text-h2)!important}.portfolio-copy>.portfolio-gallery-label{grid-column:2;justify-self:end;align-self:end;margin-top:clamp(30px,5vw,62px)!important;color:var(--text-meta);text-transform:uppercase;letter-spacing:var(--tracking-label)}
.hfs-portfolio-gallery{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;margin-top:-4px}.hfs-gallery-row{display:grid;gap:5px;align-items:start}.hfs-gallery-row>figure{position:relative;overflow:hidden;margin:0!important;border-radius:2px;background:var(--hfs-ink);aspect-ratio:var(--media-ratio)}.hfs-gallery-row img,.hfs-gallery-row video,.hfs-gallery-row iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}.hfs-gallery-row .wp-block-embed__wrapper{width:100%;height:100%}.hfs-gallery-row figcaption{position:absolute;left:12px;right:12px;bottom:10px;margin:0;color:#fff;font-size:var(--text-caption);text-shadow:0 1px 5px rgba(32,22,21,.7)}
.portfolio-gallery-section{display:flex;flex-direction:column;gap:18px}.portfolio-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.portfolio-gallery-heading h2{font-size:var(--text-h2)}.portfolio-gallery-heading .label{color:var(--text-meta)}
.portfolio-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(88px,9vw,132px);grid-auto-flow:row;gap:5px}
.portfolio-gallery-item{position:relative;overflow:hidden;margin:0;border-radius:2px;background:var(--hfs-ink)}.portfolio-gallery-item img,.portfolio-gallery-item iframe{width:100%;height:100%;object-fit:cover;border:0}
.portfolio-gallery-number{position:absolute;left:12px;bottom:9px;color:#fff;font-size:var(--text-label);font-weight:700;letter-spacing:.08em;text-shadow:0 1px 4px rgba(32,22,21,.55)}
.portfolio-detail-photo .portfolio-gallery-item:nth-child(1),.portfolio-detail-photo .portfolio-gallery-item:nth-child(4){grid-column:1/-1;grid-row:span 2}.portfolio-detail-photo .portfolio-gallery-item:nth-child(2),.portfolio-detail-photo .portfolio-gallery-item:nth-child(3){grid-column:span 6;grid-row:span 3}.portfolio-detail-photo .portfolio-gallery-item:nth-child(n+5){grid-column:span 6;grid-row:span 2}
.portfolio-detail-video .portfolio-gallery-item:nth-child(1){grid-column:span 6;grid-row:span 2}.portfolio-detail-video .portfolio-gallery-item:nth-child(2),.portfolio-detail-video .portfolio-gallery-item:nth-child(3){grid-column:span 3;grid-row:span 2}.portfolio-detail-video .portfolio-gallery-item:nth-child(4),.portfolio-detail-video .portfolio-gallery-item:nth-child(5),.portfolio-detail-video .portfolio-gallery-item:nth-child(7),.portfolio-detail-video .portfolio-gallery-item:nth-child(8){grid-column:span 6;grid-row:span 2}.portfolio-detail-video .portfolio-gallery-item:nth-child(6){grid-column:1/-1;grid-row:span 2}
.portfolio-detail .pullquote{max-width:58rem}.portfolio-actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}
@media(max-width:1100px){.article-rail{display:none}.article-grid{grid-template-columns:1fr;padding:0 var(--gutter)}.article-grid>*{grid-column:1}.blog-grid{grid-template-columns:repeat(2,1fr)!important}.exp-grid{grid-template-columns:repeat(2,1fr)}.portfolio-project,.portfolio-project.is-reverse{grid-template-columns:minmax(0,1.75fr) minmax(15rem,1fr);gap:32px}}
@media(max-width:880px){.detail-grid{grid-template-columns:repeat(2,1fr)}.cta-grid,.nf-grid,.cat-grid{grid-template-columns:1fr!important}.contact-grid,.ep-hero-grid,.episode-detail-grid{grid-template-columns:minmax(0,1fr)}.portfolio-meta{grid-template-columns:1fr 1fr}.portfolio-preview{grid-auto-rows:160px}.portfolio-preview .portfolio-tile,.portfolio-preview .portfolio-tile.is-wide{grid-column:span 6}.portfolio-preview .portfolio-tile.is-wide{grid-row:span 2}}
@media(max-width:760px){.timeline{padding-left:58px}.timeline:before{left:24px;transform:none}.tl-item,.tl-item.is-right{display:block;min-height:0;padding:0 0 clamp(38px,10vw,60px)}.tl-card,.tl-item.is-right .tl-card{padding:0;text-align:left}.tl-marker{position:absolute;left:-58px;top:-5px;width:48px;display:block}.tl-marker span{width:48px;height:48px;border-width:5px;font-size:10px}.tl-item p{display:block;max-width:36rem}.portfolio-project,.portfolio-project.is-reverse{grid-template-columns:1fr;gap:20px;padding-block:28px}.portfolio-project.is-reverse .portfolio-project-media,.portfolio-project.is-reverse .portfolio-project-copy{order:initial}.portfolio-project-media{aspect-ratio:16/10}.portfolio-project-copy{max-width:38rem}.portfolio-meta{grid-template-columns:1fr 1fr}.portfolio-meta div:nth-child(odd){border-left:0;padding-left:0}.portfolio-meta div:nth-child(n+3){border-top:1px solid color-mix(in srgb,var(--hfs-berry) 16%,transparent);padding-top:14px;margin-top:14px}.portfolio-copy{grid-template-columns:1fr}.portfolio-copy>:nth-child(n){grid-column:1;grid-row:auto}.portfolio-copy>.portfolio-gallery-title{grid-column:1;margin-bottom:0!important}.portfolio-copy>.portfolio-gallery-label{grid-column:1;justify-self:start;margin-top:-8px!important}.hfs-gallery-row{grid-template-columns:1fr!important;gap:8px}.portfolio-gallery-heading{align-items:flex-start;flex-direction:column;gap:4px}.portfolio-gallery{grid-template-columns:1fr;grid-auto-rows:auto;gap:8px}.portfolio-detail-photo .portfolio-gallery-item:nth-child(n),.portfolio-detail-video .portfolio-gallery-item:nth-child(n){grid-column:1;grid-row:auto;aspect-ratio:4/3}.portfolio-detail-photo .portfolio-gallery-item:nth-child(2),.portfolio-detail-photo .portfolio-gallery-item:nth-child(3),.portfolio-detail-video .portfolio-gallery-item:nth-child(2),.portfolio-detail-video .portfolio-gallery-item:nth-child(3){aspect-ratio:4/5}}
@media(max-width:640px){.blog-grid,.exp-grid{grid-template-columns:1fr!important}.portfolio-preview{grid-template-columns:1fr;grid-auto-rows:220px}.portfolio-preview .portfolio-tile,.portfolio-preview .portfolio-tile.is-wide{grid-column:1;grid-row:span 1}.portfolio-preview .portfolio-tile.is-wide{grid-row:span 2}.portfolio-meta{grid-template-columns:1fr}.portfolio-meta div,.portfolio-meta div:nth-child(odd){border-left:0;padding:14px 0 0;margin-top:14px;border-top:1px solid color-mix(in srgb,var(--hfs-berry) 16%,transparent)}.portfolio-meta div:first-child{border-top:0;padding-top:0;margin-top:0}.portfolio-overlay p{display:none}}
@media(max-width:360px){.detail-grid{grid-template-columns:1fr}.detail{min-height:0}}