/* Shared homepage composition; existing objects keep their own behavior. */
body[data-home-study]{--study-width:1200px}
[data-home-study] .study-banner{display:flex;justify-content:space-between;gap:16px;max-width:var(--study-width);margin:auto;padding:10px 30px;color:var(--soft);font:10px/1.6 Departure,monospace}
[data-home-study] .study-banner a{text-decoration:none;border-bottom:1px solid var(--line)}
[data-home-study] .site-header{max-width:var(--study-width);height:88px;padding:0 30px}
[data-home-study] .site-header nav{gap:26px}
[data-home-study] .homepage-study{max-width:var(--study-width);margin:auto}
[data-home-study] .hero{min-height:570px;overflow:visible}
[data-home-study] .hero-copy{padding:36px 30px 48px;width:55%}
[data-home-study] .hero .location{font-size:10px;letter-spacing:0;margin-bottom:24px}
[data-home-study] .hero h1{font:clamp(80px,8.8vw,118px)/.94 Arial,sans-serif;letter-spacing:-.075em;margin:0 0 28px -6px}
[data-home-study] .study-intro{font-size:15px;line-height:1.8;color:var(--ink);margin:0 0 24px}
[data-home-study] .profile-links{gap:22px;margin:0;font-size:12px;flex-wrap:wrap}
[data-home-study] .hero-webring{margin-top:22px}
[data-home-study] .study-about{display:grid;grid-template-columns:1.35fr 1fr;gap:5%;padding:54px 30px 75px;align-items:center}
[data-home-study] .study-about-copy{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}
[data-home-study] h2{font:23px/1.35 Departure,monospace;letter-spacing:-.045em}
[data-home-study] .study-about h2{margin-bottom:26px}
[data-home-study] .study-about-text>p{font-size:12px;line-height:1.95;color:var(--soft);margin:0 0 16px;max-width:52ch}
[data-home-study] .study-about-foot{display:grid;justify-items:start;gap:12px;margin-top:24px}
[data-home-study] .study-about-copy .photo-study{width:260px;max-width:100%;margin:12px 0 0}
[data-home-study] #photo-reveal{width:260px;height:auto;aspect-ratio:260/300;max-width:100%;display:block}
[data-home-study] .study-about-foot a{font-size:11px}
[data-home-study] .about-photos{margin:0;min-width:0}
[data-home-study] .about-photos .photo-drawer{height:370px;align-items:center;padding:36px 4px 60px;gap:0;justify-content:space-evenly}
[data-home-study] .photo-drawer figure{width:29%;max-width:160px;padding:6px 6px 14px;box-shadow:3px 9px 20px #0006;flex:none}
[data-home-study] .photo-drawer figure:nth-child(1){transform:rotate(-9deg);align-self:start}
[data-home-study] .photo-drawer figure:nth-child(2){transform:rotate(5deg);align-self:end}
[data-home-study] .photo-drawer figure:nth-child(3){transform:rotate(-3deg);align-self:center}
[data-home-study] .photo-drawer figure[data-dragging=true]{transform:rotate(0)}
[data-home-study] .photo-drawer figcaption{font-size:9px;padding:12px 3px 0}
[data-home-study] .study-projects{margin:0 14px 85px;padding:44px 38px 40px;min-height:575px;border-radius:10px;--mat:#101c16;--mat-fine:#b7c6a30b;--mat-major:#b7c6a31c}
[data-home-study][data-theme=forest] .study-projects{--mat:#133526;--mat-fine:#c4d5ad0c;--mat-major:#c4d5ad25}
[data-home-study] .study-projects .section-heading{margin-bottom:34px;align-items:center}
[data-home-study] .study-projects h2{font-size:23px;margin:0}
[data-home-study] .study-projects .section-heading>a{font-size:11px}
[data-home-study] .study-project-list{position:relative;min-height:340px}
[data-home-study] .study-project-list .project-card{position:static;display:block;padding:17px 12px 22px 0;margin:0 57% 14px 0;background:none;border:0;min-height:130px;outline-offset:8px}
[data-home-study] .project-card-copy .small-note{font:9px/1.6 Departure,monospace;color:var(--copper)}
[data-home-study] .project-card-copy h3{font:25px/1.2 Arial,sans-serif;letter-spacing:-.035em;margin:10px 0 10px}
[data-home-study] .project-card-copy p{font:12px/1.85 Verdana,sans-serif;max-width:38ch;color:var(--soft)}
[data-home-study] .project-card-copy .report-link{display:none}
[data-home-study] .study-project-list .row-arrow{display:none}
[data-home-study] .study-project-list .project-visual{position:absolute;left:47%;right:0;top:18px;height:auto;min-height:0;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .25s,transform .35s}
[data-home-study] .project-visual img{height:auto;width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border:0;filter:saturate(.65);box-shadow:0 15px 30px #0005;background:var(--mat)}
[data-home-study] .project-card.is-selected .project-visual{opacity:1;transform:none}
[data-home-study] .project-card.is-selected h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:var(--copper)}
[data-home-study] .project-card:hover h3{text-decoration-color:var(--accent)}
[data-home-study] .study-archive{display:inline-block;color:var(--soft);font-size:10px;margin-top:22px}
[data-home-study] .desk-study{position:relative;margin:0 14px 65px;padding:0}
[data-home-study] .desk-study .desk-surface{--desk-height:625px;border-radius:12px;background:radial-gradient(#b7c6a318 .65px,transparent .8px) 0 0/12px 12px,linear-gradient(120deg,#11170f,#080b07);box-shadow:inset 0 1px #ffffff08,0 24px 50px #0003}
[data-home-study][data-theme=forest] .desk-study .desk-surface{background:radial-gradient(#d0ddae16 .65px,transparent .8px) 0 0/12px 12px,linear-gradient(120deg,#244431,#193324)}
[data-home-study] .desk-heading{position:absolute;top:22px;left:28px;right:28px;z-index:5;align-items:center;gap:20px;pointer-events:none}
[data-home-study] .desk-heading h2{font-size:18px;line-height:1.4}
[data-home-study] .desk-heading .note-tools{pointer-events:auto;gap:12px}
[data-home-study] .desk-heading .text-link{font-size:10px;margin-right:10px}
[data-home-study] .desk-study .desk-player{width:250px}
[data-home-study] .desk-study .sticky{width:220px}
[data-home-study] .site-footer{max-width:none;padding:44px max(30px,calc((100% - var(--study-width))/2 + 30px)) 24px;min-height:360px}
[data-home-study] .footer-content{min-height:135px;padding:0;align-items:start}
[data-home-study] .footer-content>div:last-child{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:end;gap:13px 22px;max-width:440px}
[data-home-study] .footer-content>div:last-child a{margin:0;font-size:11px}
[data-home-study] .footer-content>div:first-child>a{font-size:12px}
[data-home-study] .footer-content p{font-size:11px;margin:10px 0 15px}
[data-home-study] .footer-bottom{margin:0;padding-top:20px;font-size:9px}
[data-home-study] .site-footer .footer-art{height:100%}
@media(min-width:701px){
  [data-home-study] .study-project-list:not(:has(.is-selected)) .project-card:first-child .project-visual{opacity:1;transform:none}
}
@media(max-width:1000px) and (min-width:701px){
  [data-home-study] .study-about{gap:4%;grid-template-columns:1.3fr 1fr}
  [data-home-study] .study-about-copy{grid-template-columns:1fr;gap:28px}
  [data-home-study] .study-about-copy .photo-study{margin:0}
  [data-home-study] .study-projects{min-height:590px}
  [data-home-study] .study-project-list .project-card{margin-right:53%}
  [data-home-study] .study-project-list .project-visual{left:51%;height:auto}
  [data-home-study] .desk-heading{left:22px;right:22px;gap:12px}
  [data-home-study] .desk-heading h2{font-size:15px}
  [data-home-study] .desk-heading .note-tools{gap:6px}
  [data-home-study] .desk-study .desk-surface{--desk-height:660px}
}
@media(max-width:700px){
  [data-home-study] .study-banner{padding:9px 20px;font-size:8px}
  [data-home-study] .site-header{padding:0 20px;height:80px}
  [data-home-study] .site-header nav{gap:14px;font-size:10px}
  [data-home-study] .hero{min-height:0;padding-bottom:calc(78vw + 65px);overflow:hidden}
  [data-home-study] .hero-copy{width:100%;padding:30px 24px 12px}
  [data-home-study] .hero h1{font-size:100px;line-height:.94;margin-bottom:25px}
  [data-home-study] .hero .location{font-size:9px}
  [data-home-study] .study-intro{font-size:13px}
  [data-home-study] .profile-links{font-size:11px;gap:22px}
  [data-home-study] .hero-webring{margin-top:18px}
  [data-home-study] .study-about{grid-template-columns:1fr;gap:18px;padding:46px 24px 55px}
  [data-home-study] .study-about-copy{grid-template-columns:1fr;gap:32px}
  [data-home-study] .study-about-copy .photo-study{width:210px;justify-self:center;margin:0}
  [data-home-study] #photo-reveal{width:210px}
  [data-home-study] .study-about-text>p{font-size:12px;max-width:58ch}
  [data-home-study] .study-about h2{font-size:21px;margin-bottom:23px}
  [data-home-study] .about-photos .photo-drawer{height:300px;padding:30px 0 36px}
  [data-home-study] .photo-drawer figure{width:29%;padding:5px 5px 12px}
  [data-home-study] .photo-drawer figcaption{font-size:8px;line-height:1.6;padding:9px 1px 0}
  [data-home-study] .study-projects{margin:0 12px 46px;padding:30px 22px;min-height:0}
  [data-home-study] .study-projects .section-heading{margin-bottom:24px;gap:10px}
  [data-home-study] .study-projects h2{font-size:19px}
  [data-home-study] .study-project-list{min-height:0}
  [data-home-study] .study-project-list .project-card{position:relative;display:flex;flex-direction:column-reverse;gap:21px;padding:0 0 35px;margin:0 0 30px;min-height:0}
  [data-home-study] .study-project-list .project-card:last-child{margin:0;padding:0}
  [data-home-study] .study-project-list .project-visual{position:static;opacity:1;transform:none;height:auto;width:100%}
  [data-home-study] .project-visual img{height:auto;aspect-ratio:auto;object-fit:contain}
  [data-home-study] .project-card-copy h3{font-size:27px}
  [data-home-study] .project-card-copy p{font-size:11px}
  [data-home-study] .project-card-copy .report-link{display:inline-block;margin-top:13px;font:9px/1.6 Departure,monospace;color:var(--accent)}
  [data-home-study] .study-archive{font-size:9px;margin-top:30px}
  [data-home-study] .desk-study{margin:0 12px 40px}
  [data-home-study] .desk-heading{top:18px;left:18px;right:18px;display:flex;flex-wrap:wrap;gap:14px}
  [data-home-study] .desk-heading h2{font-size:17px}
  [data-home-study] .desk-heading>.note-tools{width:100%;justify-content:start;gap:8px}
  [data-home-study] .desk-heading .text-link{display:none}
  [data-home-study] .desk-study .desk-surface{--desk-height:1010px}
  [data-home-study] .desk-study .desk-player{width:245px;max-width:calc(100% - 40px)}
  [data-home-study] .site-footer{padding:35px 24px 25px}
  [data-home-study] .footer-content{min-height:195px;flex-direction:column;gap:25px;margin:0 0 25px}
  [data-home-study] .footer-content>div:last-child{justify-content:start;max-width:none;gap:15px 25px}
  [data-home-study] .footer-bottom{gap:20px}
}
@media(max-width:370px){
  [data-home-study] .hero h1{font-size:89px}
  [data-home-study] .site-header nav{gap:10px}
  [data-home-study] .desk-heading .icon-button{width:38px;height:38px;padding:9px}
}
@media(prefers-reduced-motion:reduce){
  [data-home-study] .study-project-list .project-visual{transition:none;transform:none}
}