/*
Theme Name: Shutter:Pariter
Description: A cinematic, warm personal archive. Companion: Shutter:Pariter Core.
Version: 1.3.1
Requires at least: 6.5
Requires PHP: 8.1
Author: Shutter:Pariter
License: GPL-2.0-or-later
Text Domain: shutter-pariter
*/

:root{--background:#080807;--foreground:#f4f0e9;--reveal:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible{outline:2px solid #cdbda8;outline-offset:6px}::selection{background:#8b7866;color:white}.site-header{position:absolute;top:0;left:0;width:100%;height:100px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;z-index:30;border-bottom:1px solid #ffffff15}.wordmark{font-size:25px;font-weight:600;letter-spacing:-1.2px;white-space:nowrap}.wordmark>span:first-child{color:#b39678}.brand-dot{font-size:10px;vertical-align:super;margin-left:4px;letter-spacing:0}.navigation{display:flex;gap:27px;height:100%;align-items:center}.navigation a{font-size:14px;color:#b4afa7;position:relative;height:100%;display:flex;align-items:center;transition:color .2s}.navigation a:hover,.navigation a.active{color:#f4f0e9}.navigation a.active:after{content:"";position:absolute;bottom:23px;left:0;width:16px;height:1px;background:#cdbda8}.menu-toggle{display:none}.hero-track{height:150svh;--reveal:0}.hero{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:#080807}.hero-photo{position:absolute;inset:0;background:url('images/hero.jpg') center 52%/cover no-repeat;filter:saturate(.62);opacity:calc(.58 + var(--reveal)*.35);transform:scale(calc(1.04 - var(--reveal)*.04));transition:opacity .12s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.62),rgba(8,8,7,.06) 85%),linear-gradient(0deg,#080807 0%,transparent 42%,rgba(8,8,7,.5) 100%)}.hero-topline{position:absolute;top:146px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2.3px;color:#c2baae}.hero-title{position:absolute;top:31%;left:11.7%;transform:translateY(calc(var(--reveal)*-20px))}.eyebrow{font-size:12px;letter-spacing:2.8px;color:#b9a48b;font-weight:500}.hero-title h1{font-size:clamp(70px,8.1vw,128px);font-weight:400;line-height:1.01;letter-spacing:-6px;margin:22px 0 25px}.hero-title p{color:#ccc3b8;font-size:17px;line-height:1.7;letter-spacing:.1px}.hero-bottom{position:absolute;bottom:49px;left:4.3%;right:4.3%;display:flex;align-items:center;justify-content:space-between;color:#aaa194;font-size:11px;letter-spacing:2px}.scroll-cue{display:flex;align-items:center;gap:15px}.scroll-line{height:48px;width:1px;background:#af9980;margin-right:5px}.world-intro{max-width:1150px;margin:auto;padding:120px 36px 110px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.world-intro>.eyebrow{grid-column:1/-1}.world-intro h2{font-size:clamp(36px,4vw,60px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:0}.world-intro p{align-self:end;justify-self:end;color:#a59d93;font-size:18px;line-height:1.8}.worlds{max-width:1300px;margin:auto;padding:0 55px}.world{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:90px 0;align-items:center;border-top:1px solid #ffffff1c}.world-copy h2{font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin:25px 0 18px;max-width:440px}.world-copy p{font-size:17px;color:#a59d93;line-height:1.8}.text-link{margin-top:25px;display:inline-flex;align-items:center;gap:30px;font-size:14px;border-bottom:1px solid #8b7866;padding:0 0 10px}.world-image{height:370px;overflow:hidden}.world-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.6);transition:transform 1s,filter 1s}.world:hover img{transform:scale(1.025);filter:saturate(.9)}.world-1 .world-copy,.world-3 .world-copy{order:2}.world-2,.world-4,.world-5{padding:65px 0}.world-2 .world-copy,.world-4 .world-copy,.world-5 .world-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:9%}.world-2 h2,.world-4 h2,.world-5 h2{grid-column:1}.world-2 p,.world-4 p,.world-5 p{grid-column:2;grid-row:2}.world-2 .text-link,.world-4 .text-link,.world-5 .text-link{justify-self:start}.site-footer{margin:80px 4.3% 0;padding:55px 0 28px;border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr 1fr;gap:32px}.site-footer p{color:#a59d93;text-align:right;font-size:14px}.site-footer>div{grid-column:1/-1;display:flex;justify-content:space-between;color:#817b73;font-size:12px}.site-footer>div a{display:flex;gap:12px;align-items:center}
@media(min-width:1700px){.hero-title{left:16%}}@media(max-width:1080px){.navigation{gap:17px}.wordmark{font-size:22px}.hero-title h1{letter-spacing:-4px}.worlds{padding:0 36px}}@media(max-width:800px){.site-header{height:80px;padding:0 24px}.menu-toggle{display:block;border:0;background:none;color:#e8ded0}.navigation{display:none}.navigation.open{display:flex;position:absolute;left:0;top:80px;width:100%;height:auto;flex-direction:column;align-items:stretch;padding:20px 24px;background:#15120ff5;gap:0}.navigation a{height:auto;padding:13px 0}.navigation a.active:after{bottom:6px}.hero{min-height:620px}.hero-topline{top:113px;left:24px;right:24px;font-size:10px}.hero-topline span:last-child{display:none}.hero-title{left:8%;top:32%}.hero-title h1{font-size:clamp(64px,13vw,98px);letter-spacing:-3.5px}.hero-title p{font-size:16px}.hero-bottom{left:24px;right:24px;bottom:35px}.hero-bottom>span{display:none}.world-intro{padding:85px 24px 65px;grid-template-columns:1fr}.world-intro p{justify-self:start;margin:0}.worlds{padding:0 24px}.world{grid-template-columns:1fr;gap:35px;padding:50px 0}.world .world-copy{order:0}.world-image{height:320px}.world-2 .world-copy,.world-4 .world-copy,.world-5 .world-copy{display:block}.site-footer{margin:60px 24px 0;grid-template-columns:1fr}.site-footer p{text-align:left;margin:0}.site-footer>div{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-track{height:100svh}.hero-photo{opacity:.75;transform:none}}
.archive-page{max-width:1320px;margin:0 auto;min-height:75vh;padding:174px 55px 40px}.archive-heading{padding:22px 0 66px}.archive-heading>div{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px}.archive-heading h1,.credits-page h1{font-size:clamp(48px,5.7vw,82px);line-height:1.07;font-weight:400;letter-spacing:-3.5px;white-space:pre-line;margin:30px 0 0}.archive-heading p{font-size:17px;line-height:1.8;color:#afa397;margin-bottom:4px;max-width:340px}.archive-toolbar{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding:25px 0 32px;font-size:14px}.secondary{color:#8f8376}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px}.photo-entry{background:none;border:0;text-align:left;color:inherit;padding:0;min-width:0}.photo-entry:first-child{grid-column:1/-1}.photo-frame{position:relative;height:420px;overflow:hidden}.photo-entry:first-child .photo-frame{height:550px}.photo-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .7s,filter .7s;user-select:none;-webkit-touch-callout:none}.photo-entry:hover img{transform:scale(1.025);filter:saturate(1)}.photo-open{position:absolute;right:20px;bottom:20px;width:45px;height:45px;border:1px solid #ffffff55;background:#08080740;display:grid;place-items:center}.photo-caption{padding:22px 0}.photo-caption .eyebrow{font-size:11px;letter-spacing:1.5px}.photo-caption h2{font-size:25px;font-weight:400;margin:11px 0;letter-spacing:-.6px}.photo-credit{font-size:12px;color:#8c8176}.collection-note{font-size:13px;line-height:1.7;color:#8c8176;margin:40px 0}.empty-archive{border-top:1px solid #ffffff24;padding:26px 0;position:relative}.empty-rule{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#8f8376}.archive-empty{min-height:270px;border:0!important;text-align:left!important;align-items:start!important;padding:55px 0!important;max-width:620px}.archive-empty [data-slot=empty-header]{text-align:left!important;align-items:start!important;max-width:none}.archive-empty [data-slot=empty-title]{font-size:32px!important;line-height:1.3!important;font-weight:400!important;letter-spacing:-.8px}.archive-empty [data-slot=empty-description]{font-size:17px!important;line-height:1.8;color:#a69a8d!important}.empty-image{float:right;width:34%;height:320px;object-fit:cover;margin:40px 0 30px 40px;filter:saturate(.5)}.lightbox{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;border:0!important;border-radius:0!important;display:block!important;background:#080807!important;overflow:hidden}.lightbox-top{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:14px;color:#ada397}.lightbox-top>span:first-child{font-size:22px;letter-spacing:-1px;color:#eee4d7}.lightbox button{color:#e8ded0;background:none;border:0;padding:12px}.lightbox-stage{height:calc(100% - 180px);position:relative;padding:0 75px;display:flex;justify-content:center;align-items:center;touch-action:pan-y}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;animation:photoFade .4s ease;user-select:none;-webkit-touch-callout:none}.lightbox-prev,.lightbox-next{position:absolute;top:45%}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-bottom{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 45px}.lightbox-bottom h2{font-size:19px;font-weight:400;margin:8px 0 0}.lightbox-bottom .eyebrow{font-size:11px;letter-spacing:1px}.photo-info{position:absolute;bottom:105px;right:35px;max-width:400px;padding:25px;background:#201914e8;backdrop-filter:blur(18px);border:1px solid #ffffff1c;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s;color:#d7cabb;font-size:15px;line-height:1.8}.photo-info.shown,.photo-info:hover{opacity:1;visibility:visible;transform:none}.photo-info a{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#b7a28b}.warm{color:#b39678}.talk-columns{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #ffffff24;padding:70px 0 20px}.talk-columns h2{font-size:34px;font-weight:400;letter-spacing:-1px;margin:25px 0}.about-copy p{font-size:17px;line-height:1.9;color:#afa397;margin:25px 0}.signature{display:block;font-size:24px;color:#cdbda8;margin-top:45px;letter-spacing:-.7px}.contact-form h2{margin-top:0}.contact-form label{display:block;margin:24px 0;font-size:14px;color:#b8ab9b}.contact-form input,.contact-form textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid #ffffff30;border-radius:0;padding:16px 0;color:#eee4d7;font-size:16px;outline:none;transition:border-color .2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#cdbda8}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#776f65}.contact-form button{color:#f4f0e9;border-top:0;border-left:0;border-right:0;background:none;font-size:15px}.form-note{font-size:12px;color:#8c8176;margin-top:25px}.form-status{font-size:15px;line-height:1.7;padding:20px;background:#201914;border-left:2px solid #b39678}.credits-page{max-width:900px}.credits-page p,.credits-page li{font-size:17px;line-height:1.9;color:#b6a99a;margin:25px 0}.credits-page a{border-bottom:1px solid #8b7866}.credits-page ul{list-style:none;padding:0}.credits-page h1{margin-bottom:50px}@keyframes photoFade{from{opacity:0}to{opacity:1}}
@media(hover:hover){.lightbox:has(.info-control:hover) .photo-info{opacity:1;visibility:visible;transform:none}}@media(max-width:800px){.archive-page{padding:130px 24px 30px}.archive-heading{padding:0 0 45px}.archive-heading>div{grid-template-columns:1fr;gap:22px}.archive-heading h1,.credits-page h1{font-size:51px;letter-spacing:-2.5px}.archive-heading p{font-size:16px;margin:0}.photo-grid{grid-template-columns:1fr;gap:24px}.photo-entry:first-child .photo-frame{height:330px}.photo-frame{height:410px}.photo-caption h2{font-size:24px}.archive-toolbar{font-size:13px}.empty-image{float:none;width:100%;height:320px;margin:35px 0 0}.archive-empty{padding:35px 0!important;min-height:200px}.archive-empty [data-slot=empty-title]{font-size:28px!important}.empty-rule{font-size:10px;letter-spacing:1px}.talk-columns{grid-template-columns:1fr;gap:70px;padding-top:50px}.lightbox-top{height:65px;padding:0 15px}.lightbox-stage{height:calc(100% - 165px);padding:0}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-stage button{background:#08080760}.lightbox-bottom{padding:0 20px}.lightbox-bottom h2{font-size:17px;max-width:270px}.photo-info{left:20px;right:20px;bottom:105px;max-width:none}.site-footer>div{gap:20px}}

.admin-bar .site-header{top:32px}.excerpt{font-size:17px;line-height:1.8;color:#a69a8d}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}.entry-categories,.category-filter{display:flex;gap:12px 24px;flex-wrap:wrap;margin:18px 0;font-size:14px;color:#b9a48b}.entry-categories a,.category-filter a{border-bottom:1px solid #6a5846;padding-bottom:5px}.category-filter{margin:0 0 35px}.category-filter a[aria-current=page]{color:#fff}.archive-empty{display:flex;flex-direction:column;justify-content:center}.archive-empty h2{font-size:32px;font-weight:400;margin:0 0 20px;line-height:1.3}.archive-empty p{font-size:17px;line-height:1.8;color:#a69a8d}.article-heading{max-width:850px;margin:45px auto 60px}.article-heading h1{font-size:clamp(42px,6vw,78px);line-height:1.1;font-weight:400;letter-spacing:-2.5px;margin:23px 0}.article-date{color:#a69a8d;font-size:13px}.article-heading>p{color:#b9a48b}.reading-content{max-width:740px;margin:60px auto;font-size:19px;line-height:1.9;color:#cdbfb0}.reading-content p{margin:1.5em 0}.reading-content h2,.reading-content h3{color:#f4f0e9;line-height:1.35;font-weight:500}.reading-content img{max-width:100%;height:auto}.reading-content a{text-decoration:underline;text-underline-offset:5px}.reading-content blockquote{margin:40px 0;padding:0 25px;border-left:2px solid #8b7866}.place-facts,.place-memory{margin-bottom:50px}.source-link{font-size:13px}.entry-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.entry-gallery .photo-entry:first-child{grid-column:1/-1}.entry-gallery .photo-entry:first-child .photo-frame{height:580px}.sp-native-lightbox{position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#080807;color:#f4f0e9;overflow:hidden}.sp-native-lightbox::backdrop{background:#080807}.sp-native-lightbox button{background:none;color:#e8ded0;border:0;padding:12px;font-size:24px;cursor:pointer}.sp-native-lightbox .lightbox-stage{height:calc(100% - 180px)}.hp-field{position:absolute;left:-9999px;height:1px;overflow:hidden}.archive-pagination{margin:40px 0}.nav-links{display:flex;gap:24px}.world.has-image{grid-template-columns:1fr 1fr}.world.has-image .world-copy{display:block;grid-column:auto}.world.has-image .world-image{grid-column:auto}@media(hover:hover){.sp-native-lightbox:has(.info-control:hover) .photo-info{visibility:visible;opacity:1;transform:none}}@media(max-width:800px){.post-grid,.entry-gallery,.world.has-image{grid-template-columns:1fr}.entry-gallery .photo-entry:first-child .photo-frame{height:340px}.reading-content{font-size:18px}.article-heading h1{font-size:44px}.sp-native-lightbox .lightbox-stage{height:calc(100% - 165px)}.admin-bar .site-header{top:46px}}

/* Keep long memories, titles, and block content usable on narrow screens. */
.photo-info{max-height:60dvh;overflow-y:auto;overflow-wrap:anywhere}
.article-heading h1,.photo-caption h2,.lightbox-bottom h2,.reading-content{overflow-wrap:anywhere}
.reading-content iframe,.reading-content video{max-width:100%}
.reading-content pre,.reading-content .wp-block-table{overflow-x:auto}
.post-entry{min-width:0}
.sp-native-lightbox .lightbox-bottom>div{min-width:0;max-width:calc(100% - 50px)}
.sp-native-lightbox .lightbox-bottom h2{max-height:3em;overflow:auto}
.sp-native-lightbox [hidden]{display:none!important}
@media(max-width:800px){.sp-native-lightbox .lightbox-stage button{background:#08080780}}

#sp-gallery-status{position:absolute;bottom:10px;left:15%;right:15%;padding:15px;background:#201914;color:#f4f0e9;text-align:center}

.info-glyph{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;font:italic 17px Georgia,serif}
