.inner-page { background:var(--paper); }
.inner-page .site-header { background:rgba(233,229,220,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.inner-main { padding-top:90px; }
.page-wrap { width:min(1240px,86vw); margin-inline:auto; }
.page-hero { min-height:650px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr); gap:7vw; align-items:center; padding:clamp(72px,7vw,108px) 0; }
.page-hero--simple { min-height:500px; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); }
.page-kicker,.breadcrumbs { margin:0 0 30px; color:var(--rust); font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.breadcrumbs a { color:var(--muted); }
.page-hero h1 { max-width:920px; margin:0; font:700 clamp(46px,5.35vw,84px)/1.08 "Noto Sans TC","Microsoft JhengHei",sans-serif; letter-spacing:-.055em; text-wrap:balance; word-break:keep-all; }
.page-hero h1 em { display:block; max-width:900px; margin-top:18px; color:var(--rust); font:italic 400 clamp(31px,3.8vw,60px)/1 var(--serif); letter-spacing:-.035em; word-break:normal; text-wrap:balance; }
.page-lead { max-width:680px; margin:34px 0 0; color:#555047; font-size:17px; line-height:1.95; }
.hero-figure { position:relative; min-height:500px; margin:0; overflow:hidden; background:#26241f; }
.hero-figure img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.78) contrast(1.03); }
.hero-figure figcaption { position:absolute; inset:auto 0 0 auto; max-width:88%; padding:11px 15px; background:var(--paper); font-size:8px; letter-spacing:.14em; text-transform:uppercase; }

.content-section { padding:clamp(76px,7vw,110px) 0; border-top:1px solid var(--line); }
.content-section--compact { padding:clamp(58px,5vw,78px) 0; }
.content-section--visual { padding:clamp(68px,6vw,94px) 0; }
.content-grid { display:grid; grid-template-columns:.58fr 1.42fr; gap:9vw; }
.section-label { margin:0; font-size:10px; font-weight:700; letter-spacing:.14em; }
.section-title { margin:0 0 34px; max-width:940px; font:700 clamp(32px,3.8vw,58px)/1.2 "Noto Sans TC","Microsoft JhengHei",sans-serif; letter-spacing:-.035em; text-wrap:balance; word-break:keep-all; }
.prose { max-width:760px; color:#514c44; font-size:16px; line-height:2; }
.prose p:first-child { margin-top:0; }
.section-heading { margin-bottom:44px; }
.section-heading .section-title { margin-top:17px; margin-bottom:0; }
.section-heading--split { display:grid; grid-template-columns:1fr minmax(280px,.62fr); gap:8vw; align-items:end; }
.evidence-note { max-width:480px; margin:0; color:var(--muted); font-size:13px; line-height:1.85; }
.text-link { display:inline-flex; align-items:center; gap:28px; margin-top:30px; padding:13px 0; border-bottom:1px solid; font-weight:700; }

/* About */
.about-hero .hero-figure { min-height:540px; }
.about-hero h1 { font-size:clamp(45px,5vw,76px); }
.experience-grid { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.45fr); gap:7vw; align-items:start; }
.experience-aside { position:sticky; top:104px; }
.experience-aside .section-title { margin-top:34px; }
.career-arc { margin:46px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.career-arc li { position:relative; padding:14px 0 14px 30px; border-bottom:1px solid var(--line); color:var(--muted); font-size:12px; letter-spacing:.08em; }
.career-arc li:before { content:""; position:absolute; left:3px; top:50%; width:8px; height:8px; border:1px solid var(--rust); transform:translateY(-50%) rotate(45deg); }
.career-list { margin:0; padding:0; list-style:none; }
.career-list li { display:grid; grid-template-columns:64px .75fr 1.25fr; gap:28px; padding:30px 0; border-top:1px solid var(--line); }
.career-list li:last-child { border-bottom:1px solid var(--line); }
.career-list small { color:var(--rust); font-size:9px; }
.career-list h3 { margin:0; font-size:21px; line-height:1.5; }
.career-list p { margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.about-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:38px; }
.about-projects figure { margin:0 0 11px; overflow:hidden; aspect-ratio:4/3; background:#282620; }
.about-projects img { width:100%; height:100%; object-fit:cover; filter:saturate(.78); transition:transform .5s ease,filter .35s ease; }
.about-projects a:hover img { transform:scale(1.02); filter:saturate(1); }
.about-projects span { font-size:12px; font-weight:700; }

/* Works index and project detail */
.works-index-hero .hero-figure { min-height:470px; }
.works-listing-section { background:#1b1a17; color:#ece7dd; }
.listing-intro { display:grid; grid-template-columns:.45fr 1.55fr; gap:7vw; margin-bottom:62px; }
.listing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 3vw; }
.listing-card { display:block; border-top:1px solid rgba(255,255,255,.28); padding-top:15px; }
.listing-card figure { margin:0; overflow:hidden; aspect-ratio:4/3; background:#2d2b27; }
.listing-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.78); transition:transform .55s ease,filter .35s ease; }
.listing-card:hover img { transform:scale(1.02); filter:saturate(1); }
.listing-card-copy { padding-top:20px; }
.listing-card small { color:#c06448; font-size:9px; letter-spacing:.12em; }
.listing-card h2,.listing-card h3 { margin:12px 0 7px; font-size:clamp(25px,2.5vw,38px); line-height:1.3; }
.listing-card em { display:block; color:#989288; font:normal 9px/1.5 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.listing-card p { max-width:570px; color:#aaa49a; font-size:13px; line-height:1.8; }
.listing-card b { display:block; margin-top:18px; font-size:11px; }
.listing-card--featured { grid-column:1/-1; display:grid; grid-template-columns:1.35fr .65fr; gap:3vw; }
.listing-card--featured figure { aspect-ratio:16/8; }
.listing-card--featured .listing-card-copy { display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:8px; }
.project-detail>.page-hero { min-height:500px; display:block; padding-bottom:64px; }
.project-detail>.page-hero h1 { max-width:1050px; }
.project-detail>.page-hero .page-lead { max-width:760px; }
.case-hero-image { position:relative; margin:0; aspect-ratio:16/7.5; overflow:hidden; background:#24231f; }
.case-hero-image img { width:100%; height:100%; object-fit:cover; }
.case-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:1px; background:var(--line); }
.case-facts div { padding:23px; background:var(--paper); }
.case-facts small { display:block; color:var(--muted); font-size:8px; letter-spacing:.14em; text-transform:uppercase; }
.case-facts strong { display:block; margin-top:8px; font-size:14px; }
.detail-columns { display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.detail-columns h2,.service-output h2,.service-boundary h2 { margin:14px 0 26px; font-size:clamp(27px,2.7vw,40px); line-height:1.3; }

/* Services index */
.service-index-hero h1 { max-width:740px; }
.practice-index-intro { display:grid; grid-template-columns:.45fr 1.55fr; gap:7vw; margin-bottom:66px; }
.practice-index { border-top:1px solid var(--line); }
.practice-entry { --practice:var(--rust); display:grid; grid-template-columns:.78fr 1.22fr; min-height:430px; border-bottom:1px solid var(--line); scroll-margin-top:90px; }
.practice-entry--01 { --practice:var(--systems); }
.practice-entry--02 { --practice:var(--digital); }
.practice-entry--03 { --practice:var(--modeling); }
.practice-entry--04 { --practice:var(--campaign); }
.practice-entry figure { position:relative; margin:0; overflow:hidden; background:#292720; }
.practice-entry figure img { width:100%; height:100%; object-fit:cover; filter:saturate(.72); }
.practice-entry figcaption { position:absolute; left:0; bottom:0; padding:10px 13px; background:var(--paper); font-size:8px; letter-spacing:.12em; }
.practice-entry-copy { padding:44px 0 44px 5vw; }
.practice-entry-copy>small { color:var(--practice); font-size:9px; font-weight:700; letter-spacing:.12em; }
.practice-entry-copy>h2 { margin:38px 0 18px; font-size:clamp(32px,3.4vw,54px); letter-spacing:-.04em; }
.practice-entry-copy>p { max-width:650px; color:var(--muted); font-size:15px; line-height:1.85; }
.practice-services { margin-top:38px; border-top:1px solid var(--line); }
.practice-services a { display:grid; grid-template-columns:1fr .7fr auto; gap:20px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }
.practice-services span { font-size:18px; font-weight:700; }
.practice-services em { color:var(--muted); font-size:9px; font-style:normal; letter-spacing:.1em; text-transform:uppercase; }
.practice-services b { color:var(--practice); }

/* Service detail shared */
.service-detail { --service-accent:var(--rust); }
.service-consulting,.service-architecture { --service-accent:var(--systems); }
.service-build,.service-ai { --service-accent:var(--digital); }
.service-modeling { --service-accent:var(--modeling); }
.service-campaign { --service-accent:var(--campaign); }
.service-page-hero { position:relative; }
.service-page-hero:before { content:""; position:absolute; left:0; top:17%; width:34px; border-top:4px solid var(--service-accent); }
.service-page-hero .breadcrumbs { color:var(--service-accent); }
.service-page-hero h1 { font-size:clamp(43px,4.7vw,74px); }
.service-page-hero h1 em { color:var(--service-accent); font-size:clamp(31px,3.5vw,56px); }
.service-page-hero .hero-figure { min-height:500px; box-shadow:18px 18px 0 color-mix(in srgb,var(--service-accent) 22%,transparent); }
.service-page-hero--ai .hero-figure img,.service-page-hero--architecture .hero-figure img { object-position:center; }
.service-page-hero--modeling .hero-figure img { object-position:center 48%; filter:saturate(.88) contrast(1.06); }
.service-page-hero--campaign .hero-figure { box-shadow:18px 18px 0 rgba(168,93,73,.22); }
.service-situations .section-label,.service-scope .section-label,.service-method .section-label { color:var(--service-accent); }
.situation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.situation-grid li { min-height:190px; padding:25px 30px 28px 0; border-bottom:1px solid var(--line); }
.situation-grid li:nth-child(odd) { border-right:1px solid var(--line); }
.situation-grid li:nth-child(even) { padding-left:30px; }
.situation-grid small { color:var(--service-accent); font-size:9px; letter-spacing:.14em; }
.situation-grid h3 { margin:30px 0 12px; font-size:23px; }
.situation-grid p { max-width:450px; margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.service-scope>.page-wrap>.section-heading { display:grid; grid-template-columns:.45fr 1.55fr; gap:7vw; }
.service-scope .detail-columns { border-top:1px solid var(--line); padding-top:38px; }
.deliverables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; list-style:none; }
.deliverables li { padding:18px 16px; border-top:1px solid var(--line); font-size:14px; line-height:1.55; }
.deliverables li:before { content:"↗"; margin-right:12px; color:var(--service-accent); }
.process-section { background:#d8d2c7; }
.service-architecture .process-section { background:#ccd0ce; }
.service-build .process-section { background:#d6cfd5; }
.service-ai .process-section { background:#d8d0d4; }
.service-modeling .process-section { background:#d4cabb; }
.service-campaign .process-section { background:#ead2c3; }
.process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; list-style:none; border-top:1px solid rgba(22,22,19,.32); }
.process-step { min-height:190px; padding:25px 26px 28px 0; border-right:1px solid rgba(22,22,19,.24); }
.process-step+.process-step { padding-left:26px; }
.process-step:last-child { border-right:0; }
.process-step small { color:var(--service-accent); font-size:9px; letter-spacing:.14em; }
.process-step h3 { max-width:220px; margin:38px 0 0; font-size:21px; line-height:1.5; }
.advantages-section { background:#191815; color:#ece8de; }
.service-campaign .advantages-section { background:#382722; }
.advantages-section .section-label { color:#d66d4b; }
.advantage-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:0; list-style:none; border-top:1px solid rgba(236,232,222,.28); }
.advantage-list li { min-height:110px; padding:22px 24px 22px 0; border-bottom:1px solid rgba(236,232,222,.24); color:#d6d0c5; font-size:16px; line-height:1.75; }
.advantage-list li:nth-child(odd) { border-right:1px solid rgba(236,232,222,.24); }
.advantage-list li:nth-child(even) { padding-left:24px; }
.advantage-list li:before { content:"＋"; display:block; margin-bottom:12px; color:#d66d4b; font-size:18px; }
.service-role-section { background:#ded8cc; }
.service-role-section--digital-marketing { background:#efd7c5; }
.service-story-grid { display:grid; grid-template-columns:1fr; gap:28px; }
.service-story-grid--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.service-story-grid--3 .gallery-item--role { grid-column:1/-1; }
.gallery-item { margin:0; }
.gallery-media { position:relative; overflow:hidden; aspect-ratio:16/8; background:#282620; }
.service-story-grid--3 .gallery-media { aspect-ratio:3/2; }
.service-story-grid--3 .gallery-item--role .gallery-media { aspect-ratio:16/8; }
.gallery-media img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.gallery-item:hover .gallery-media img { transform:scale(1.015); }
.gallery-item figcaption { max-width:720px; margin-top:13px; color:var(--muted); font-size:12px; line-height:1.7; }
.architecture-overview,.ai-control-overview { background:var(--paper-light); }
.architecture-overview .section-label { color:var(--systems); }
.ai-control-overview .section-label { color:var(--digital); }
.modeling-evidence { background:#1b1a17; color:#ece7dd; }
.modeling-evidence .section-label { color:#c69b5c; }
.modeling-evidence .evidence-note { color:#aaa49a; }
.modeling-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.modeling-project-grid figure { margin:0 0 18px; overflow:hidden; aspect-ratio:4/3; background:#2b2925; }
.modeling-project-grid img { width:100%; height:100%; object-fit:cover; filter:saturate(.8); transition:transform .5s ease,filter .35s ease; }
.modeling-project-grid a:hover img { transform:scale(1.02); filter:saturate(1); }
.modeling-project-grid small { color:#c69b5c; font-size:8px; letter-spacing:.1em; }
.modeling-project-grid h3 { margin:11px 0 8px; font-size:24px; }
.modeling-project-grid span { color:#aaa49a; font-size:11px; }
.next-action { padding:clamp(64px,6vw,92px) 0; background:#b9b1a3; }
.next-action--consulting,.next-action--architecture { background:#b9c0bf; }
.next-action--build,.next-action--ai { background:#c8bdc6; }
.next-action--modeling { background:#c6b89f; }
.next-action--campaign { background:#ddb8a5; }
.next-action h2 { max-width:940px; margin:0; font-size:clamp(38px,4.8vw,70px); line-height:1.14; letter-spacing:-.04em; text-wrap:balance; }

/* Project gallery and review markers */
.result-section .content-grid { align-items:start; }
.case-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 28px; }
.case-gallery--single { grid-template-columns:1fr; }
.gallery-item--wide { grid-column:1/-1; }
.case-gallery .gallery-media { aspect-ratio:3/2; }
.case-gallery--single .gallery-media,.gallery-item--wide .gallery-media { aspect-ratio:16/8; }
.placeholder-section { scroll-margin-top:90px; padding:clamp(70px,8vw,116px) 0; border-top:10px solid #f5c400; border-bottom:10px solid #111; background:repeating-linear-gradient(135deg,#f5c400 0 24px,#111 24px 48px); }
.content-placeholder { position:relative; min-height:520px; margin:0; overflow:hidden; background:#111; border:5px solid #111; box-shadow:12px 12px 0 rgba(0,0,0,.32); }
.content-placeholder img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.content-placeholder figcaption { position:absolute; z-index:2; bottom:26px; left:26px; width:min(520px,48%); padding:27px 30px; background:rgba(240,236,226,.95); border-left:9px solid #f5c400; }
.content-placeholder figcaption>small { display:block; margin-bottom:16px; color:#a5321d; font:800 10px/1 Arial,sans-serif; letter-spacing:.13em; }
.content-placeholder figcaption>strong { display:block; font:800 clamp(28px,3.3vw,48px)/1.16 "Noto Sans TC","Microsoft JhengHei",sans-serif; letter-spacing:-.04em; }
.content-placeholder p { max-width:440px; margin:24px 0 0; color:#5b554c; font-size:14px; line-height:1.85; }
.review-warning { position:absolute; z-index:3; top:20px; left:20px; display:flex; align-items:stretch; background:#ffd400; color:#090909; border:4px solid #090909; box-shadow:8px 8px 0 #090909; }
.review-warning b { display:grid; place-items:center; width:72px; background:#090909; color:#ffd400; font:900 60px/1 Arial,sans-serif; }
.review-warning span { padding:14px 19px 12px; font-size:23px; font-weight:900; line-height:1.05; }
.review-warning span strong { display:block; margin-top:7px; font:800 9px/1 Arial,sans-serif; letter-spacing:.14em; }

/* Contact */
.contact-page-hero { grid-template-columns:1.15fr .85fr; }
.contact-signal { padding:34px; border:1px solid var(--line); background:rgba(255,255,255,.2); }
.contact-signal>p { margin:0 0 32px; color:var(--rust); font-size:9px; font-weight:700; letter-spacing:.13em; }
.contact-signal ol { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.contact-signal li { display:grid; grid-template-columns:46px 1fr; padding:18px 0; border-bottom:1px solid var(--line); }
.contact-signal small { color:var(--rust); font-size:9px; }
.contact-signal span { font-size:14px; letter-spacing:.04em; }
.contact-detail-section { background:#d8d2c7; }
.contact-panel { display:grid; grid-template-columns:1fr 1fr; gap:8vw; }
.contact-panel h2 { margin:16px 0 20px; font-size:clamp(32px,3.6vw,54px); }
.contact-panel>div>p:not(.section-label) { color:var(--muted); line-height:1.8; }
.contact-email { display:flex; justify-content:space-between; gap:20px; margin-top:34px; padding:25px 0; border-top:1px solid; border-bottom:1px solid; font-size:clamp(20px,2.4vw,34px); overflow-wrap:anywhere; -webkit-user-select:text; user-select:text; }
.contact-email span { color:var(--rust); }
.inquiry-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.inquiry-list li { padding:16px 0; border-bottom:1px solid var(--line); color:#555047; }
.inquiry-list li:before { content:"↗"; margin-right:16px; color:var(--rust); }

@media (max-width:960px) {
  .page-hero,.page-hero--simple { min-height:0; grid-template-columns:1fr; gap:50px; }
  .hero-figure { min-height:470px; }
  .content-grid,.detail-columns,.contact-panel { grid-template-columns:1fr; gap:48px; }
  .experience-grid { grid-template-columns:1fr; gap:48px; }
  .experience-aside { position:static; }
  .section-heading--split { grid-template-columns:1fr; gap:26px; }
  .listing-card--featured { grid-template-columns:1fr; }
  .practice-entry { grid-template-columns:1fr; }
  .practice-entry figure { aspect-ratio:16/8; }
  .practice-entry-copy { padding:38px 0; }
  .process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .process-step:nth-child(2) { border-right:0; }
  .process-step:nth-child(n+3) { border-top:1px solid rgba(22,22,19,.24); }
  .service-scope>.page-wrap>.section-heading { grid-template-columns:1fr; gap:24px; }
  .career-list li { grid-template-columns:45px 1fr; }
  .career-list p { grid-column:2; }
}

@media (max-width:720px) {
  .inner-main { padding-top:68px; }
  .page-wrap { width:auto; margin:0 20px; }
  .page-hero { padding:58px 0 66px; gap:36px; }
  .page-kicker,.breadcrumbs { margin-bottom:23px; }
  .page-hero h1,.service-page-hero h1 { max-width:100%; font-size:43px; line-height:1.12; letter-spacing:-.055em; word-break:normal; text-wrap:pretty; }
  .page-hero h1 em,.service-page-hero h1 em { margin-top:13px; font-size:31px; line-height:1.04; }
  .page-lead { margin-top:25px; font-size:15px; line-height:1.85; }
  .hero-figure,.about-hero .hero-figure,.works-index-hero .hero-figure,.service-page-hero .hero-figure { min-height:0; aspect-ratio:4/4.5; box-shadow:8px 8px 0 color-mix(in srgb,var(--service-accent,var(--rust)) 20%,transparent); }
  .works-index-hero .hero-figure { aspect-ratio:4/3; }
  .content-section { padding:60px 0; }
  .content-section--compact { padding:48px 0; }
  .content-section--visual { padding:54px 0; }
  .section-title { font-size:34px; line-height:1.22; word-break:normal; text-wrap:pretty; }
  .listing-intro,.practice-index-intro { grid-template-columns:1fr; gap:24px; margin-bottom:42px; }
  .listing-grid { grid-template-columns:1fr; gap:48px; }
  .listing-card--featured { grid-column:auto; display:block; }
  .listing-card--featured figure,.listing-card figure { aspect-ratio:4/3; }
  .practice-entry { min-height:0; scroll-margin-top:68px; }
  .practice-entry figure { aspect-ratio:4/3; }
  .practice-entry-copy { padding:28px 0 38px; }
  .practice-entry-copy>h2 { margin:26px 0 14px; font-size:32px; }
  .practice-services a { grid-template-columns:1fr auto; }
  .practice-services em { grid-column:1; }
  .practice-services b { grid-column:2; grid-row:1/3; }
  .case-hero-image { aspect-ratio:4/3; }
  .case-facts { grid-template-columns:1fr; }
  .about-projects,.modeling-project-grid { grid-template-columns:1fr; gap:28px; }
  .career-arc { margin-top:34px; }
  .career-list li { gap:17px; }
  .situation-grid { grid-template-columns:1fr; }
  .situation-grid li,.situation-grid li:nth-child(even) { min-height:0; padding:25px 0; border-right:0; }
  .situation-grid h3 { margin:22px 0 11px; }
  .deliverables { grid-template-columns:1fr; }
  .process-grid { grid-template-columns:1fr; }
  .process-step,.process-step+.process-step { min-height:0; padding:22px 0; border-right:0; border-top:1px solid rgba(22,22,19,.24); }
  .process-step:first-child { border-top:0; }
  .process-step h3 { max-width:none; margin:20px 0 4px; }
  .advantage-list { grid-template-columns:1fr; }
  .advantage-list li,.advantage-list li:nth-child(even) { min-height:0; padding:23px 0; border-right:0; }
  .service-story-grid,.service-story-grid--3,.case-gallery { grid-template-columns:1fr; }
  .service-story-grid--3 .gallery-item--role { grid-column:auto; }
  .gallery-media,.service-story-grid--3 .gallery-media,.service-story-grid--3 .gallery-item--role .gallery-media,.case-gallery--single .gallery-media,.gallery-item--wide .gallery-media { aspect-ratio:4/3; }
  .next-action h2 { font-size:38px; }
  .content-placeholder { min-height:0; padding-top:76%; border-width:3px; box-shadow:7px 7px 0 rgba(0,0,0,.35); }
  .content-placeholder:after { content:""; position:absolute; z-index:1; inset:42% 0 0; background:linear-gradient(to bottom,transparent,rgba(10,10,10,.78) 34%); }
  .content-placeholder figcaption { position:relative; bottom:auto; left:auto; width:auto; margin:0 13px 13px; padding:24px 21px; }
  .content-placeholder figcaption>strong { font-size:30px; }
  .review-warning { top:11px; left:11px; right:11px; box-shadow:5px 5px 0 #090909; }
  .review-warning b { width:60px; font-size:50px; }
  .review-warning span { padding:11px 13px 9px; font-size:20px; }
  .contact-page-hero { grid-template-columns:1fr; }
  .contact-signal { padding:25px 22px; }
  .contact-email { display:block; font-size:21px; }
  .contact-email span { float:right; }
}

@media (prefers-reduced-motion:reduce) {
  .gallery-media img,.listing-card img,.about-projects img,.modeling-project-grid img { transition:none; }
}