/* Theme Name: HIN Production Theme URI: https://hinproduction.com Author: HIN Production Description: An editorial wedding and pre-wedding portfolio theme for HIN PRODUCTION. Version: 1.3.67 Text Domain: hin-production */ @import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap'); :root{--paper:#f5f2ea;--paper-deep:#ebe7dc;--ink:#171714;--soft:#686861;--olive:#697367;--line:rgba(23,23,20,.16);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--wrap:min(100% - 64px,1440px)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.hin-wrap{width:var(--wrap);margin:auto}.hin-kicker{font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--olive);font-weight:500}.hin-arrow{font-family:var(--mono);font-size:13px;margin-left:8px}.hin-site-header{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:rgba(245,242,234,.94);backdrop-filter:blur(10px);z-index:20}.hin-header-inner{width:var(--wrap);margin:auto;display:grid;grid-template-columns:220px 1fr 180px;align-items:center}.hin-logo{display:inline-flex;gap:9px;align-items:center;width:max-content}.hin-logo-mark{width:31px;height:31px;border:1px solid rgba(105,115,103,.5);display:grid;place-items:center;position:relative;font-family:var(--serif);font-size:16px}.hin-logo-mark:before,.hin-logo-mark:after{content:'';position:absolute;width:1px;height:15px;background:var(--olive);top:7px}.hin-logo-mark:before{left:10px}.hin-logo-mark:after{right:10px}.hin-logo-type{font-family:var(--serif);font-size:12px;line-height:.79;letter-spacing:-.055em}.hin-logo-type em{font-size:11px;font-style:italic}.hin-main-nav{display:flex;justify-content:center;gap:25px}.hin-main-nav a,.hin-inquiry-link{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.hin-main-nav a:hover,.hin-main-nav .current-menu-item a{color:var(--olive)}.hin-inquiry-link{justify-self:end;border-bottom:1px solid var(--ink);padding-bottom:4px}.hin-mobile-toggle{display:none}.hin-site-footer{background:var(--ink);color:var(--paper);padding:42px 0}.hin-footer-inner{width:var(--wrap);margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:end}.hin-footer-logo{font-family:var(--serif);font-size:26px;line-height:.8;letter-spacing:-.06em}.hin-footer-copy{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;line-height:1.65;color:rgba(245,242,234,.72)}.hin-footer-copy:last-child{text-align:right}.hin-hero{min-height:720px;border-bottom:1px solid var(--line);overflow:hidden;position:relative;background:linear-gradient(106deg,rgba(245,242,234,.96),rgba(245,242,234,.55)),radial-gradient(circle at 84% 35%,#e5e1d7 0,rgba(245,242,234,0) 33%)}.hin-hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 24.8%,rgba(23,23,20,.035) 25%,transparent 25.2%);pointer-events:none}.hin-hero-topline{height:44px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--soft);position:relative;z-index:2}.hin-hero-wordmark{position:absolute;left:clamp(32px,5vw,85px);top:clamp(145px,20vw,260px);font-family:var(--sans);font-weight:600;font-size:clamp(95px,17vw,280px);letter-spacing:-.12em;line-height:.55;z-index:2}.hin-hero-wordmark span{font-family:var(--serif);font-weight:500;font-size:.57em;letter-spacing:-.09em;margin-left:.05em}.hin-hero-frame{width:300px;height:405px;position:absolute;left:50%;top:285px;transform:translateX(-50%);z-index:3}.hin-photo-frame{border:1px solid var(--line);background:linear-gradient(140deg,rgba(235,231,220,.95),rgba(248,247,243,.65));position:relative;overflow:hidden}.hin-photo-frame:before{content:'';position:absolute;inset:8px;border:1px solid rgba(23,23,20,.12);z-index:1;pointer-events:none}.hin-photo-frame:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(23,23,20,.055);z-index:1}.hin-photo-frame img{width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.hin-photo-frame .hin-frame-number{position:absolute;left:23px;top:19px;font:500 42px/.85 var(--serif);letter-spacing:-.08em;z-index:2}.hin-photo-frame .hin-frame-note{position:absolute;right:11px;bottom:8px;font:7px var(--mono);letter-spacing:.08em;writing-mode:vertical-rl;z-index:2}.hin-placeholder-copy{position:absolute;left:24px;bottom:21px;z-index:2;font:8px var(--mono);letter-spacing:.08em;color:var(--soft);text-transform:uppercase}.hin-hero-note{position:absolute;left:50%;bottom:42px;transform:translateX(12%);z-index:4;width:220px;font:500 22px/.98 var(--serif);letter-spacing:-.055em}.hin-hero-side-note{position:absolute;left:clamp(32px,5vw,85px);bottom:27px;z-index:4;font:8px/1.55 var(--mono);letter-spacing:.08em;text-transform:uppercase}.hin-section{padding:clamp(90px,11vw,170px) 0}.hin-home-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:end}.hin-display{font:500 clamp(43px,6vw,92px)/.88 var(--serif);letter-spacing:-.072em;margin:0}.hin-body-copy{max-width:355px;font-size:12px;color:var(--soft)}.hin-text-link{font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px;display:inline-block;margin-top:17px}.hin-selected-heading{display:flex;justify-content:space-between;align-items:end;margin:100px 0 38px}.hin-story-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:33px;gap:18px}.hin-story-card{display:block;min-height:0}.hin-story-card .hin-photo-frame{height:calc(100% - 62px);transition:transform .22s cubic-bezier(.23,1,.32,1)}.hin-story-card:hover .hin-photo-frame{transform:translateY(-6px)}.hin-story-card--tall{grid-column:span 3;grid-row:span 13}.hin-story-card--wide{grid-column:span 5;grid-row:span 9;margin-top:90px}.hin-story-card--square{grid-column:span 3;grid-row:span 10;margin-top:12px}.hin-story-card:nth-child(4){grid-column:9 / span 4;grid-row:span 14;margin-top:125px}.hin-story-meta{padding-top:10px;display:flex;justify-content:space-between;gap:12px;font:8px/1.45 var(--mono);letter-spacing:.07em;text-transform:uppercase}.hin-story-meta strong{font-size:9px}.hin-story-meta div:last-child{text-align:right;color:var(--olive)}.hin-services-band{background:var(--paper-deep);padding:80px 0}.hin-services-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:center}.hin-services-frame{aspect-ratio:3/4;max-width:320px}.hin-service-list{list-style:none;padding:0;margin:0}.hin-service-list li{border-bottom:1px solid var(--line);padding:19px 0;display:flex;align-items:center;gap:14px;font:500 clamp(25px,3vw,47px)/.85 var(--serif);letter-spacing:-.06em}.hin-service-list span{font:8px var(--mono);color:var(--olive);letter-spacing:.1em}.hin-service-list b{margin-left:auto;font:11px var(--mono);font-weight:400}.hin-team-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.hin-team-mini{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 15px;min-height:142px}.hin-team-mini b{display:block;font:500 26px/.9 var(--serif);letter-spacing:-.08em}.hin-team-mini h3{font:500 9px var(--mono);letter-spacing:.09em;margin:26px 0 7px}.hin-team-mini p{font-size:9px;line-height:1.4;margin:0;color:var(--soft)}.hin-cta{min-height:360px;background:linear-gradient(90deg,rgba(18,18,16,.9),rgba(18,18,16,.55)),radial-gradient(ellipse at 80% 50%,#727367 0,transparent 45%),#1b1b18;color:var(--paper);display:flex;align-items:flex-end;padding:65px 0}.hin-cta-content{width:var(--wrap);margin:auto}.hin-cta .hin-display{max-width:650px}.hin-cta .hin-text-link{color:var(--paper);border-color:var(--paper)}.hin-page-hero{padding:clamp(100px,14vw,190px) 0 70px}.hin-page-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end}.hin-page-intro{max-width:320px;color:var(--soft);font-size:12px}.hin-filter-area{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.hin-filter-group{padding:21px 20px 22px 0}.hin-filter-group+.hin-filter-group{border-left:1px solid var(--line);padding-left:22px}.hin-filter-label{display:block;font:9px var(--mono);letter-spacing:.12em;color:var(--olive);margin-bottom:13px}.hin-filter-list{display:flex;flex-wrap:wrap;gap:8px 13px}.hin-filter-list a{font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--soft)}.hin-filter-list a:hover,.hin-filter-list .is-active{color:var(--olive);text-decoration:underline;text-underline-offset:4px}.hin-index-count{font:9px var(--mono);color:var(--olive);letter-spacing:.1em;margin:17px 0}.hin-masonry{columns:3 300px;column-gap:18px}.hin-work-card{break-inside:avoid;margin-bottom:36px}.hin-work-card .hin-photo-frame{aspect-ratio:3/4}.hin-work-card:nth-child(3n+2) .hin-photo-frame{aspect-ratio:3/2}.hin-work-card:nth-child(3n+3) .hin-photo-frame{aspect-ratio:1}.hin-work-meta{display:flex;justify-content:space-between;gap:12px;padding-top:11px;font:8px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}.hin-work-meta h2{font:500 18px/.98 var(--serif);letter-spacing:-.04em;margin:4px 0 0}.hin-work-meta div:last-child{text-align:right;color:var(--olive)}.hin-empty{padding:100px 0;color:var(--soft);font:500 40px/.9 var(--serif)}.hin-story-head{padding:120px 0 45px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}.hin-story-head .hin-display{font-size:clamp(55px,8vw,125px)}.hin-story-details{font:9px/1.7 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--soft)}.hin-story-hero{width:var(--wrap);margin:0 auto 50px;aspect-ratio:16/8}.hin-story-content{width:min(100% - 64px,820px);margin:0 auto;padding:65px 0;font-size:16px;line-height:1.7}.hin-story-content p:first-child{font:500 33px/1.06 var(--serif);letter-spacing:-.045em}.hin-story-content .wp-block-gallery{margin:70px -12vw}.hin-service-page{padding:110px 0}.hin-service-header{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:70px}.hin-package-list{border-top:1px solid var(--line)}.hin-package{display:grid;grid-template-columns:100px 1fr 170px;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.hin-package span{font:9px var(--mono);color:var(--olive);letter-spacing:.12em}.hin-package h2{font:500 clamp(35px,4.3vw,70px)/.83 var(--serif);letter-spacing:-.07em;margin:0}.hin-package p{font-size:11px;color:var(--soft);margin:0}.hin-pre-grid{display:grid;grid-template-columns:1fr 1fr}.hin-pre-panel{min-height:600px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:45px;background:var(--paper-deep);overflow:hidden}.hin-pre-panel--dark{background:#22231f;color:var(--paper)}.hin-pre-panel .hin-photo-frame{position:absolute;inset:0;opacity:.28}.hin-pre-panel .hin-photo-frame:before{border-color:rgba(255,255,255,.18)}.hin-pre-panel-content{position:relative;z-index:2;max-width:450px}.hin-pre-panel h2{font:500 clamp(50px,6vw,95px)/.8 var(--serif);letter-spacing:-.08em;margin:20px 0}.hin-pre-panel p{max-width:330px;font-size:12px;color:var(--soft)}.hin-pre-panel--dark p{color:rgba(245,242,234,.72)}.hin-team-header{padding:130px 0 70px;display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:end}.hin-team-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.hin-team-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px;display:grid;grid-template-columns:150px 1fr;gap:28px;min-height:285px}.hin-team-card .hin-photo-frame{aspect-ratio:1}.hin-team-card h2{font:500 35px/.85 var(--serif);letter-spacing:-.07em;margin:22px 0 8px}.hin-team-card h2 a:hover{color:var(--olive)}.hin-team-card p{font-size:11px;color:var(--soft);max-width:300px}.hin-team-card .hin-text-link{font-size:8px;margin-top:9px}.hin-inquiry-page{padding:115px 0 140px;display:grid;grid-template-columns:.78fr 1fr;gap:clamp(50px,10vw,150px)}.hin-inquiry-page h1{margin:35px 0 24px}.hin-inquiry-art{width:100%;max-width:330px;aspect-ratio:3/4;margin-top:48px}.hin-form label{display:flex;flex-direction:column;gap:8px;padding:17px 0;border-top:1px solid var(--line)}.hin-form label span{font:9px var(--mono);letter-spacing:.12em;color:var(--olive);text-transform:uppercase}.hin-form input,.hin-form textarea,.hin-form select{border:0;border-bottom:1px solid transparent;background:transparent;padding:6px 0;color:var(--ink);font:500 19px var(--serif);outline:none;width:100%}.hin-form input:focus,.hin-form textarea:focus,.hin-form select:focus{border-color:var(--olive)}.hin-form textarea{min-height:115px;resize:vertical}.hin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hin-form button{width:100%;background:transparent;border:1px solid var(--ink);padding:18px 19px;display:flex;justify-content:space-between;text-align:left;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;margin-top:24px;transition:.18s}.hin-form button:hover{background:var(--ink);color:var(--paper)}.hin-notice{padding:14px 16px;border:1px solid var(--olive);color:var(--olive);font-size:12px;margin:0 0 20px}.hin-notice--error{border-color:#9b4039;color:#9b4039}.hin-page-content{padding:100px 0;min-height:500px}.hin-page-content h1{font:500 70px/.85 var(--serif);letter-spacing:-.07em}.hin-page-content .wp-block-image{margin:45px 0} @media(max-width:850px){:root{--wrap:min(100% - 32px,1440px)}.hin-site-header{height:62px}.hin-header-inner{grid-template-columns:1fr auto}.hin-main-nav,.hin-inquiry-link{display:none}.hin-mobile-toggle{display:block;background:none;border:0;font:18px var(--mono);padding:4px}.hin-footer-inner{grid-template-columns:1fr 1fr}.hin-footer-copy:last-child{grid-column:1/-1;text-align:left}.hin-hero{min-height:600px}.hin-hero-topline{height:40px}.hin-hero-wordmark{top:145px;left:18px;font-size:clamp(62px,20vw,105px)}.hin-hero-frame{width:175px;height:245px;top:232px;left:51%}.hin-hero-note{font-size:16px;width:150px;bottom:38px;transform:translateX(-5%)}.hin-hero-side-note{left:16px;bottom:22px;font-size:6px}.hin-home-intro,.hin-page-hero-grid,.hin-service-header,.hin-team-header,.hin-inquiry-page{grid-template-columns:1fr;gap:24px}.hin-section{padding:80px 0}.hin-display{font-size:48px}.hin-selected-heading{margin:70px 0 28px}.hin-story-grid{grid-auto-rows:25px;gap:10px}.hin-story-card--tall{grid-column:span 4;grid-row:span 12}.hin-story-card--wide{grid-column:span 5;grid-row:span 8;margin-top:30px}.hin-story-card--square{grid-column:span 3;grid-row:span 9;margin-top:0}.hin-story-card:nth-child(4){grid-column:8 / span 5;grid-row:span 12;margin-top:60px}.hin-story-meta{font-size:6px}.hin-story-meta strong{font-size:7px}.hin-services-grid{grid-template-columns:.65fr 1.35fr;gap:28px}.hin-services-frame{width:100%}.hin-service-list li{font-size:24px;gap:7px}.hin-service-list b{font-size:8px}.hin-team-strip{grid-template-columns:repeat(2,1fr)}.hin-team-mini{min-height:120px}.hin-team-mini b{font-size:23px}.hin-page-hero{padding:90px 0 48px}.hin-filter-area{grid-template-columns:1fr}.hin-filter-group+.hin-filter-group{border-left:0;border-top:1px solid var(--line);padding-left:0}.hin-masonry{columns:1}.hin-work-card .hin-photo-frame{aspect-ratio:4/5!important}.hin-story-head{padding:90px 0 35px;grid-template-columns:1fr}.hin-story-hero{width:var(--wrap);aspect-ratio:4/5}.hin-story-content{width:var(--wrap);padding:50px 0}.hin-story-content .wp-block-gallery{margin:45px 0}.hin-package{grid-template-columns:48px 1fr;gap:16px}.hin-package p{grid-column:2}.hin-pre-grid{grid-template-columns:1fr}.hin-pre-panel{min-height:460px}.hin-team-card{grid-template-columns:110px 1fr;padding:18px;gap:18px;min-height:230px}.hin-team-card h2{font-size:25px;margin:12px 0 7px}.hin-team-card p{font-size:9px}.hin-inquiry-page{padding:80px 0}.hin-inquiry-art{max-width:170px;margin:15px 0 28px}.hin-form-row{grid-template-columns:1fr}.hin-cta{min-height:300px;padding:45px 0}.hin-cta .hin-display{font-size:47px}} /* HIN story-card refinement: portrait destination frame + editorial metadata rhythm. */ .hin-story-card--wide{grid-column:span 3;grid-row:span 13;margin-top:92px} .hin-story-meta span,.hin-story-meta strong,.hin-work-meta span{display:block} .hin-story-meta div:first-child span{margin-bottom:3px} .hin-story-meta div:last-child span + span{margin-top:3px} .hin-story-meta div:last-child{line-height:1.5} .hin-work-card .hin-photo-frame.hin-photo-frame--portrait{aspect-ratio:3/4!important} .hin-work-card .hin-photo-frame.hin-photo-frame--landscape{aspect-ratio:3/2!important} .hin-work-meta{display:block} .hin-work-meta div:last-child{text-align:left;margin-top:5px} @media(max-width:850px){.hin-story-card--wide{grid-column:span 4;grid-row:span 12;margin-top:30px}} /* Quiet Index layout refinement: deliberate rhythm, understated navigation and photographic focus. */ @media(min-width:851px){.hin-site-header{box-shadow:0 8px 24px rgba(23,23,20,.025)}.hin-main-nav a{position:relative;padding:10px 0}.hin-main-nav a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.23,1,.32,1)}.hin-main-nav a:hover:after,.hin-main-nav .current-menu-item a:after{transform:scaleX(1)}} .hin-home-intro>div:first-child,.hin-page-hero-grid>div:first-child{padding-right:34px;border-right:1px solid var(--line)} .hin-story-grid{gap:24px}.hin-story-card .hin-photo-frame{box-shadow:0 13px 28px rgba(23,23,20,.04)}.hin-story-meta{max-width:100%;border-top:1px solid rgba(23,23,20,.09)} .hin-work-card{padding-bottom:10px}.hin-work-card .hin-photo-frame{box-shadow:0 12px 25px rgba(23,23,20,.035);transition:transform .28s cubic-bezier(.23,1,.32,1),box-shadow .28s cubic-bezier(.23,1,.32,1)}.hin-work-card:hover .hin-photo-frame{transform:translateY(-5px);box-shadow:0 20px 35px rgba(23,23,20,.09)}.hin-work-card:hover h2{color:var(--olive)} .hin-team-card{transition:background .22s cubic-bezier(.23,1,.32,1)}.hin-team-card .hin-photo-frame{transition:transform .28s cubic-bezier(.23,1,.32,1),box-shadow .28s cubic-bezier(.23,1,.32,1)}.hin-team-card:hover{background:rgba(235,231,220,.44)}.hin-team-card:hover .hin-photo-frame{transform:translateY(-4px);box-shadow:0 15px 25px rgba(23,23,20,.06)} .hin-package{transition:padding .22s cubic-bezier(.23,1,.32,1),background .22s cubic-bezier(.23,1,.32,1)}.hin-package:hover{background:rgba(235,231,220,.5);padding-left:18px;padding-right:18px}.hin-package:hover span{color:var(--ink)} .hin-form label{transition:background .2s cubic-bezier(.23,1,.32,1),padding .2s cubic-bezier(.23,1,.32,1)}.hin-form label:focus-within{background:rgba(235,231,220,.47);padding-left:13px;padding-right:13px}.hin-form-row label:focus-within{margin-left:-13px;margin-right:-13px}.hin-form-row label+label:focus-within{margin-left:0}} @media(max-width:850px){.hin-team-grid{grid-template-columns:1fr}.hin-team-card{grid-template-columns:116px 1fr;min-height:0;padding:22px 18px}.hin-team-card .hin-photo-frame{align-self:start}.hin-work-meta{padding-top:13px}.hin-work-meta h2{font-size:21px}.hin-filter-list{gap:10px 14px}.hin-filter-group{padding-top:18px;padding-bottom:18px}.hin-package{padding:24px 0}.hin-package h2{font-size:40px}.hin-form label:focus-within{padding-left:8px;padding-right:8px}.hin-form-row label:focus-within{margin-left:-8px;margin-right:-8px}.hin-form-row label+label:focus-within{margin-left:0}} @media(prefers-reduced-motion:reduce){.hin-main-nav a:after,.hin-work-card .hin-photo-frame,.hin-team-card,.hin-team-card .hin-photo-frame,.hin-package,.hin-form label{transition:none}} /* HINPRO wordmark system: Bodoni Moda Regular with supplied header mark. */ :root{--wordmark:'Bodoni Moda','Times New Roman',serif} .hin-logo{gap:10px}.hin-logo-image{width:31px;height:31px;display:block;object-fit:contain}.hin-logo-type{font-family:var(--wordmark);font-size:18px;font-weight:400;line-height:1;letter-spacing:-.08em;white-space:nowrap} .hin-footer-logo{font-family:var(--wordmark);font-size:32px;font-weight:400;line-height:.8;letter-spacing:-.08em} .hin-hero-wordmark{font-family:var(--wordmark);font-weight:400;font-size:clamp(100px,16vw,270px);letter-spacing:-.105em} /* Quiet Index refinement: stable editorial cards, text-first package links and two discreet mobile contact controls. */ .hin-story-card{position:relative}.hin-story-card .hin-photo-frame{transform:translate3d(0,0,0);transition:box-shadow .2s cubic-bezier(.23,1,.32,1)}.hin-story-card:hover .hin-photo-frame{transform:translate3d(0,0,0);box-shadow:0 18px 32px rgba(23,23,20,.10)} .hin-package--linked{color:inherit;position:relative}.hin-package--linked b{font:13px var(--mono);font-weight:400;align-self:center;justify-self:end;transition:transform .18s cubic-bezier(.23,1,.32,1),color .18s cubic-bezier(.23,1,.32,1)}.hin-package--linked:hover{background:rgba(235,231,220,.5);padding-left:18px;padding-right:18px}.hin-package--linked:hover b{color:var(--olive);transform:translate3d(3px,-3px,0)} .hin-mobile-contact{display:none} @media(max-width:850px){.hin-package--linked{grid-template-columns:48px 1fr 20px}.hin-package--linked p{grid-column:2}.hin-mobile-contact{display:flex;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;flex-direction:column;gap:8px;align-items:flex-end}.hin-mobile-contact__link{min-width:120px;display:flex;align-items:center;justify-content:flex-start;gap:9px;background:var(--ink);color:var(--paper);border:1px solid var(--paper);box-shadow:0 10px 25px rgba(23,23,20,.18);padding:10px 12px;font:500 8px var(--mono);letter-spacing:.09em;text-transform:uppercase;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1)}.hin-mobile-contact__link:active{transform:scale(.97)}.hin-mobile-contact__link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.hin-mobile-contact__link:first-child svg{fill:currentColor;stroke:none}.hin-mobile-contact__dot{fill:currentColor;stroke:none}} @media(prefers-reduced-motion:reduce){.hin-story-card .hin-photo-frame,.hin-package--linked b,.hin-mobile-contact__link{transition:none}} /* Quiet Index mobile refinement: compact symbol-only contact controls retain the established ink-and-paper palette. */ @media(max-width:850px){.hin-mobile-contact__link{width:42px;min-width:42px;height:42px;justify-content:center;padding:0;gap:0}.hin-mobile-contact__link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hin-mobile-contact__link svg{width:18px;height:18px}} /* Quiet Index story gallery: deliberate variation in scale with warm negative space and per-image crop focus. */ .hin-story-content .wp-block-gallery.hin-editorial-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:clamp(24px,4vw,70px) clamp(22px,4.5vw,80px);align-items:start;margin:clamp(80px,10vw,150px) -12vw;padding:0}.hin-story-content .hin-editorial-gallery .wp-block-image{margin:0;min-width:0;overflow:hidden;background:var(--paper-deep);align-self:start}.hin-story-content .hin-editorial-gallery .wp-block-image>a{display:block;width:100%;height:100%}.hin-story-content .hin-editorial-gallery .wp-block-image img,.hin-story-content .hin-editorial-gallery .wp-block-image>a>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hin-image-focus,50% 50%)}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait{grid-column:span 4;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--landscape{grid-column:span 6;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square{grid-column:span 3;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:2 / span 5;aspect-ratio:4/5}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--landscape{grid-column:1 / span 8;aspect-ratio:16/10}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:4 / span 5;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--offset{margin-top:clamp(24px,5vw,86px)}.hin-story-content .hin-editorial-gallery figcaption{position:static;margin:9px 0 0;padding:0;background:transparent;color:var(--soft);font:8px/1.45 var(--mono);letter-spacing:.07em;text-align:left}.hin-story-content .hin-editorial-gallery .wp-block-image:has(figcaption){overflow:visible} @media(max-width:850px){.hin-story-content .wp-block-gallery.hin-editorial-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px;margin:58px 0 72px}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait{grid-column:span 3;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--landscape{grid-column:span 6;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square{grid-column:span 3;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:2 / span 4;aspect-ratio:4/5}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--landscape{grid-column:1 / span 6;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:2 / span 4;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--offset{margin-top:24px}.hin-story-content .hin-editorial-gallery figcaption{font-size:7px;margin-top:7px}} /* Quiet Index / Greg Finck refinement: generous vertical breathing room, one image at a time, with scale dictated by orientation. */ .hin-story-content .wp-block-gallery.hin-editorial-gallery{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:clamp(64px,10vw,168px) clamp(36px,7vw,128px);margin:clamp(105px,14vw,210px) -20vw}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait{grid-column:3 / span 4;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--landscape{grid-column:2 / span 9;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square{grid-column:5 / span 4;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:4 / span 5;aspect-ratio:4/5}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--landscape{grid-column:1 / span 10;aspect-ratio:16/10}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:4 / span 5;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--offset{margin-top:clamp(12px,2.5vw,44px)} @media(max-width:850px){.hin-story-content .wp-block-gallery.hin-editorial-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:42px 16px;margin:68px 0 86px}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait{grid-column:2 / span 4;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--landscape{grid-column:1 / span 6;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square{grid-column:2 / span 4;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:2 / span 4;aspect-ratio:4/5}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--landscape{grid-column:1 / span 6;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:2 / span 4;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--offset{margin-top:18px}} /* Quiet Index / Greg Finck full-frame refinement: landscape and portrait images each occupy a generous independent line. */ .hin-story-content .wp-block-gallery.hin-editorial-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(110px,16vw,280px) 0;margin:clamp(115px,16vw,240px) -35vw}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:2 / span 10;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--landscape,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--landscape{grid-column:1 / span 12;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:3 / span 8;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--offset{margin-top:0} @media(max-width:850px){.hin-story-content .wp-block-gallery.hin-editorial-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:62px 0;margin:74px 0 92px}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:1 / span 6;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--landscape,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--landscape{grid-column:1 / span 6;aspect-ratio:3/2}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:1 / span 6;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--offset{margin-top:0}.hin-story-grid{display:flex;flex-direction:column;gap:52px}.hin-story-card,.hin-story-card--tall,.hin-story-card--wide,.hin-story-card--square,.hin-story-card:nth-child(4){display:block;width:100%;margin:0;min-height:0}.hin-story-card:nth-child(2){width:86%;margin-left:auto}.hin-story-card:nth-child(3){width:76%;margin-left:0}.hin-story-card:nth-child(4){width:92%;margin-left:auto}.hin-story-card .hin-photo-frame{height:auto;overflow:hidden}.hin-story-card .hin-photo-frame img{width:100%;height:auto;object-fit:initial}.hin-story-meta{padding-top:11px;font-size:7px}.hin-story-meta strong{font-size:8px}} /* Quiet Index monogram refinement: HIN and PRO occupy the paper-white pauses around generous Story images. */ .hin-story-content .hin-editorial-gallery .hin-gallery-item--word-hin,.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-pro{position:relative;overflow:visible}.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-hin:before,.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-pro:after{position:absolute;z-index:3;color:var(--ink);font:500 clamp(92px,15vw,265px)/.68 var(--serif);letter-spacing:-.105em;pointer-events:none}.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-hin:before{content:'HIN';left:clamp(-18px,-2vw,-5px);top:clamp(24px,4vw,68px)}.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-pro:after{content:'PRO';right:clamp(-16px,-2vw,-4px);bottom:clamp(20px,3vw,58px)}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:5 / span 8;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:5 / span 7;aspect-ratio:1} @media(max-width:850px){.hin-story-content .wp-block-gallery.hin-editorial-gallery{gap:88px 0;margin:82px 0 104px}.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:1 / span 6;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:1 / span 6;aspect-ratio:1}.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-hin:before,.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-pro:after{font-size:clamp(74px,22vw,128px);line-height:.7}.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-hin:before{left:-5px;top:clamp(16px,5vw,32px)}.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-pro:after{right:-4px;bottom:clamp(18px,6vw,40px)}} /* Story gallery positioning correction: portraits sit at the 2/5 visual line on desktop, with mobile paper-white space reserved for PRO. */ .hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:6 / span 7;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:6 / span 6;aspect-ratio:1} @media(max-width:850px){.hin-story-content .hin-editorial-gallery .hin-gallery-item--portrait,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--portrait{grid-column:1 / span 4;aspect-ratio:3/4}.hin-story-content .hin-editorial-gallery .hin-gallery-item--square,.hin-story-content .hin-editorial-gallery .hin-gallery-item--feature.hin-gallery-item--square{grid-column:1 / span 4;aspect-ratio:1}} /* Quiet Index manual Story image controls: intentional desktop and mobile placement without forced cropping. */ .hin-manual-story-image{margin:0 0 84px;width:76%;position:relative}.hin-manual-story-image img{display:block;width:100%;height:auto}.hin-manual-story-image--desktop-small{width:40%}.hin-manual-story-image--desktop-medium{width:58%}.hin-manual-story-image--desktop-large{width:76%}.hin-manual-story-image--desktop-full{width:100%}.hin-manual-story-image--desktop-left{margin-left:0;margin-right:auto}.hin-manual-story-image--desktop-two-fifths{margin-left:20%;margin-right:auto}.hin-manual-story-image--desktop-center{margin-left:auto;margin-right:auto}.hin-manual-story-image--desktop-right{margin-left:auto;margin-right:0}.hin-manual-story-image--desktop-gap-small{margin-bottom:42px}.hin-manual-story-image--desktop-gap-medium{margin-bottom:110px}.hin-manual-story-image--desktop-gap-large{margin-bottom:220px}.hin-manual-story-image--word-hin:before,.hin-manual-story-image--word-pro:after{position:absolute;z-index:2;color:var(--ink);font:500 clamp(90px,15vw,265px)/.68 var(--serif);letter-spacing:-.105em;pointer-events:none}.hin-manual-story-image--word-hin:before{content:'HIN';left:clamp(-14px,-1.5vw,-4px);top:clamp(18px,3vw,52px)}.hin-manual-story-image--word-pro:after{content:'PRO';right:clamp(-14px,-1.5vw,-4px);bottom:clamp(18px,3vw,52px)}.hin-story-outro{width:min(100% - 64px,1440px);margin:clamp(120px,16vw,240px) auto 0;padding:0 0 55px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,10vw,180px);align-items:end;border-bottom:1px solid var(--line)}.hin-story-outro-nav nav{display:flex;flex-wrap:wrap;gap:28px}.hin-story-outro-nav nav a{font:500 clamp(22px,2.3vw,38px)/.9 var(--serif);letter-spacing:-.06em}.hin-story-outro-nav nav a:hover{color:var(--olive)}.hin-story-outro-nav p,.hin-story-outro-empty{font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:36px 0 0}.hin-story-outro-credits{text-align:right}.hin-story-outro-credits dl{margin:20px 0 0}.hin-story-outro-credits dl div{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;font:9px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase}.hin-story-outro-credits dt{color:var(--olive)}.hin-story-outro-credits dd{margin:0}.hin-story-image-editor{max-width:680px;padding:16px;border:1px solid #ccd0d4;background:#fff}.hin-story-image-editor img{display:block;max-width:100%;height:auto}.hin-story-image-editor figcaption{font:12px/1.4 sans-serif;color:#555;margin:10px 0}.hin-story-image-editor .components-button{margin-top:8px} @media(max-width:850px){.hin-manual-story-image{width:86%;margin-left:0;margin-right:auto}.hin-manual-story-image--mobile-small{width:56%}.hin-manual-story-image--mobile-medium{width:72%}.hin-manual-story-image--mobile-large{width:86%}.hin-manual-story-image--mobile-full{width:100%}.hin-manual-story-image--mobile-left{margin-left:0;margin-right:auto}.hin-manual-story-image--mobile-center{margin-left:auto;margin-right:auto}.hin-manual-story-image--mobile-right{margin-left:auto;margin-right:0}.hin-manual-story-image--mobile-gap-small{margin-bottom:32px}.hin-manual-story-image--mobile-gap-medium{margin-bottom:72px}.hin-manual-story-image--mobile-gap-large{margin-bottom:132px}.hin-manual-story-image--word-hin:before,.hin-manual-story-image--word-pro:after{font-size:clamp(74px,22vw,128px)}.hin-story-outro{width:var(--wrap);margin-top:100px;padding-bottom:42px;grid-template-columns:1fr;gap:56px}.hin-story-outro-nav nav{gap:20px}.hin-story-outro-nav nav a{font-size:28px}.hin-story-outro-credits{text-align:left}.hin-story-outro-credits dl div{justify-content:flex-start;font-size:8px}} /* Quiet Index fixed Story wordmarks: the main HINPRO type remains anchored while the photographic narrative scrolls beneath. */ .hin-story-fixed-wordmarks{position:fixed;inset:0;z-index:16;pointer-events:none}.hin-story-fixed-wordmarks span{position:absolute;color:var(--ink);font:400 clamp(96px,12vw,215px)/.65 var(--wordmark);letter-spacing:-.105em}.hin-story-fixed-wordmarks span:first-child{left:clamp(24px,4vw,78px);top:clamp(106px,15vh,190px)}.hin-story-fixed-wordmarks span:last-child{right:clamp(24px,4vw,78px);bottom:clamp(72px,9vh,142px)} @media(max-width:850px){.hin-story-fixed-wordmarks span{font-size:clamp(72px,20vw,122px)}.hin-story-fixed-wordmarks span:first-child{left:17px;top:88px}.hin-story-fixed-wordmarks span:last-child{right:16px;bottom:126px}} /* Quiet Index story refinement: single third-width hero, delayed corner wordmarks, and centred type-led credits. */ .hin-story-content .hin-editorial-gallery .hin-gallery-item--word-hin:before,.hin-story-content .hin-editorial-gallery .hin-gallery-item--word-pro:after,.hin-manual-story-image--word-hin:before,.hin-manual-story-image--word-pro:after{content:none!important}.hin-story-fixed-wordmarks{opacity:0;transition:opacity .22s cubic-bezier(.23,1,.32,1)}.hin-story-fixed-wordmarks.is-visible{opacity:1}@media(min-width:851px){.hin-story-hero{width:min(33.333vw,460px);margin:0 auto 95px}.hin-story-hero .hin-photo-frame--portrait{aspect-ratio:3/4}.hin-story-hero .hin-photo-frame--landscape{aspect-ratio:3/2}} .hin-story-outro{display:flex;flex-direction:column;gap:68px;align-items:stretch}.hin-story-outro-nav{order:1}.hin-story-outro-credits{order:2;text-align:center}.hin-story-outro-credits dl{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px 16px;max-width:1120px;margin:23px auto 0}.hin-story-outro-credits dl div{display:flex;justify-content:center;align-items:baseline;gap:6px;font:400 15px/.95 var(--serif);letter-spacing:-.035em;text-transform:none}.hin-story-outro-credits dt{font:700 8px/1 var(--sans);letter-spacing:.065em;text-transform:uppercase;color:var(--ink)}.hin-story-outro-credits dd{margin:0;font:500 21px/.88 var(--serif);font-style:italic;letter-spacing:-.055em}.hin-story-outro-empty{margin-top:20px} @media(max-width:850px){.hin-story-outro{gap:52px}.hin-story-outro-credits dl{gap:8px 12px}.hin-story-outro-credits dl div{gap:5px}.hin-story-outro-credits dd{font-size:18px}} /* Quiet Index contact refinement: a consistent right-hand footer contact block, with safe mobile clearance for fixed contact icons. */ .hin-footer-contact{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.hin-footer-contact span{color:var(--paper);margin-bottom:4px}.hin-footer-contact a{color:rgba(245,242,234,.72);text-transform:none;letter-spacing:.035em;overflow-wrap:anywhere}.hin-footer-contact a:hover{color:var(--paper)} @media(max-width:850px){.hin-site-footer{padding-bottom:116px}.hin-footer-copy:last-child.hin-footer-contact{grid-column:1/-1;text-align:right;align-items:flex-end}.hin-footer-contact{gap:5px}} /* Quiet Index full-frame feature refinement: the Story opening image is edge-to-edge before manually positioned content begins. */ .hin-story-hero{width:100%;max-width:none;margin:0 auto 78px}.hin-story-hero.hin-photo-frame--portrait{aspect-ratio:3/4}.hin-story-hero.hin-photo-frame--landscape{aspect-ratio:3/2}.hin-story-hero .hin-photo-frame{height:100%} @media(max-width:850px){.hin-story-hero{width:100%;margin-bottom:54px}.hin-story-hero.hin-photo-frame--portrait{aspect-ratio:3/4}.hin-story-hero.hin-photo-frame--landscape{aspect-ratio:3/2}} /* Quiet Index Story navigation: header withdraws on downward reading scroll and returns when the reader reverses direction. */ .single-hin_story .hin-site-header{transition:transform .22s cubic-bezier(.23,1,.32,1)}.single-hin_story .hin-site-header.hin-story-header--hidden{transform:translate3d(0,-112%,0)} @media(prefers-reduced-motion:reduce){.single-hin_story .hin-site-header{transition:none}} /* Quiet Index navigation refinement: a deliberate, fully operable mobile menu using the same page links as desktop. */ .hin-mobile-nav{display:none} @media(max-width:850px){.hin-mobile-nav{display:flex;position:fixed;top:62px;left:0;right:0;min-height:calc(100vh - 62px);padding:34px 16px 52px;background:rgba(245,242,234,.98);backdrop-filter:blur(12px);z-index:21;flex-direction:column;align-items:flex-start;gap:5px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-10px,0);transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),visibility .18s}.hin-mobile-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}.hin-mobile-nav a{font:500 clamp(38px,11vw,60px)/.9 var(--serif);letter-spacing:-.07em;padding:8px 0}.hin-mobile-nav a:last-child{margin-top:24px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px}.hin-mobile-toggle{position:relative;z-index:22}.hin-site-header.hin-story-header--hidden .hin-mobile-nav{opacity:0;visibility:hidden;pointer-events:none}} @media(prefers-reduced-motion:reduce){.hin-mobile-nav{transition:none}} /* Quiet Index Inquiry FAQ: editable notes sit quietly below the title, using the same serif voice as the form fields. */ .hin-inquiry-faq{max-width:440px;margin-top:52px}.hin-inquiry-faq-list{margin-top:18px;border-top:1px solid var(--line)}.hin-inquiry-faq-item{padding:18px 0 20px;border-bottom:1px solid var(--line)}.hin-inquiry-faq-item h2{margin:0;font:600 20px/1.08 var(--serif);letter-spacing:-.045em}.hin-inquiry-faq-item div{margin-top:8px}.hin-inquiry-faq-item p{margin:0;font:400 17px/1.48 var(--serif);letter-spacing:-.02em;color:var(--soft)} @media(max-width:850px){.hin-inquiry-faq{max-width:none;margin-top:42px}.hin-inquiry-faq-item{padding:16px 0 18px}.hin-inquiry-faq-item h2{font-size:19px}.hin-inquiry-faq-item p{font-size:16px}} /* Quiet Index pre-wedding gateways: each place panel leads directly to its filtered collection. */ .hin-pre-panel--link{color:inherit;cursor:pointer}.hin-pre-panel--link .hin-photo-frame{transition:opacity .24s cubic-bezier(.23,1,.32,1),transform .24s cubic-bezier(.23,1,.32,1)}.hin-pre-panel-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding-bottom:4px;border-bottom:1px solid currentColor;font:500 9px var(--mono);letter-spacing:.11em;text-transform:uppercase}.hin-pre-panel-link span{font-size:13px;line-height:1}.hin-pre-panel--link:hover .hin-photo-frame{opacity:.38;transform:scale(1.02)}.hin-pre-panel--link:hover .hin-pre-panel-link{color:var(--olive)}.hin-pre-panel--dark.hin-pre-panel--link:hover .hin-pre-panel-link{color:#cbd4c8} @media(prefers-reduced-motion:reduce){.hin-pre-panel--link .hin-photo-frame{transition:none}} /* Quiet Index Team index: HIN leads in a single opening row; the remaining four perspectives continue in paired rows. */ .hin-team-intro{max-width:350px}.hin-team-intro-content{max-width:350px;margin-top:18px;color:var(--soft);font-size:12px}.hin-team-intro-content p{margin:0 0 12px}.hin-team-intro-content p:last-child{margin-bottom:0}.hin-team-grid .hin-team-card:first-child{grid-column:1/-1;grid-template-columns:minmax(190px,280px) minmax(0,1fr);min-height:330px;padding:38px}.hin-team-grid .hin-team-card:first-child .hin-photo-frame{width:100%;max-width:280px}.hin-team-grid .hin-team-card:first-child h2{font-size:clamp(45px,5vw,76px);margin-top:30px}.hin-team-grid .hin-team-card:first-child p{max-width:420px} @media(max-width:850px){.hin-team-intro{max-width:none}.hin-team-intro-content{max-width:330px}.hin-team-grid .hin-team-card:first-child{grid-column:auto;grid-template-columns:116px 1fr;min-height:0;padding:22px 18px}.hin-team-grid .hin-team-card:first-child .hin-photo-frame{max-width:none}.hin-team-grid .hin-team-card:first-child h2{font-size:31px;margin:12px 0 7px}} /* Quiet Index photographer Stories: the selected photographer's voice introduces the work without interrupting the index. */ .hin-photographer-index{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end}.hin-photographer-index-copy{max-width:345px;color:var(--soft);font:400 18px/1.35 var(--serif);letter-spacing:-.035em}.hin-photographer-index-copy p{margin:0}.hin-photographer-index+.hin-filter-area{margin-top:68px} @media(max-width:850px){.hin-photographer-index{grid-template-columns:1fr;gap:24px}.hin-photographer-index-copy{font-size:17px}.hin-photographer-index+.hin-filter-area{margin-top:42px}} /* Quiet Index Team typography: a concise personal title sits directly beneath each name, followed by an owner-written note. */ .hin-team-card h2{margin-bottom:7px}.hin-team-tagline{margin:0 0 12px!important;color:var(--olive)!important;font:500 9px/1.35 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase}.hin-team-card-intro{margin:0;color:var(--soft);font-size:11px;line-height:1.5}.hin-team-card .hin-text-link{margin-top:16px} @media(max-width:850px){.hin-team-tagline{font-size:8px!important;margin-bottom:10px!important}.hin-team-card-intro{font-size:10px}} /* Quiet Index Team sequence: headline, owner-selected team photograph, concise collective note, then individual perspectives. */ .hin-team-header{display:block;padding:130px 0 48px}.hin-team-header .hin-display{max-width:860px;margin-top:34px}.hin-team-feature-image{margin:0 0 52px;background:var(--paper-deep);overflow:hidden}.hin-team-feature-image img{display:block;width:100%;height:auto}.hin-team-feature-image-empty{min-height:clamp(220px,35vw,540px);display:grid;place-items:center;padding:32px;border:1px solid var(--line);color:var(--soft);font:9px/1.6 var(--mono);letter-spacing:.1em;text-align:center;text-transform:uppercase}.hin-team-intro--below{max-width:760px;margin:0 auto 88px;text-align:center}.hin-team-intro--below .hin-page-intro,.hin-team-intro--below .hin-team-intro-content{max-width:760px;margin-left:auto;margin-right:auto;color:var(--ink);font:500 clamp(22px,2.45vw,36px)/1.08 var(--serif);letter-spacing:-.05em}.hin-team-intro--below .hin-team-intro-content{margin-top:0}.hin-team-intro--below .hin-team-intro-content p{margin:0}.hin-team-intro--below .hin-team-intro-content p+p{margin-top:13px} @media(max-width:850px){.hin-team-header{padding:90px 0 32px}.hin-team-header .hin-display{margin-top:25px}.hin-team-feature-image{margin-bottom:38px}.hin-team-feature-image-empty{min-height:190px}.hin-team-intro--below{max-width:480px;margin-bottom:58px}.hin-team-intro--below .hin-page-intro,.hin-team-intro--below .hin-team-intro-content{font-size:23px;line-height:1.13;letter-spacing:-.045em}} /* Quiet Index Team image controls: page-managed ratios, widths and crop focus keep replacement photographs deliberate on both desktop and mobile. */ .hin-team-feature-image--desktop-width-narrow{width:55%;margin-left:auto;margin-right:auto}.hin-team-feature-image--desktop-width-editorial{width:72%;margin-left:auto;margin-right:auto}.hin-team-feature-image--desktop-width-full{width:100%}.hin-team-feature-image--desktop-ratio-landscape{aspect-ratio:3/2}.hin-team-feature-image--desktop-ratio-portrait{aspect-ratio:4/5}.hin-team-feature-image--desktop-ratio-square{aspect-ratio:1}.hin-team-feature-image--desktop-ratio-landscape img,.hin-team-feature-image--desktop-ratio-portrait img,.hin-team-feature-image--desktop-ratio-square img{height:100%;object-fit:cover;object-position:var(--hin-team-image-focus,50% 50%)} @media(max-width:850px){.hin-team-feature-image--mobile-width-editorial{width:88%;margin-left:auto;margin-right:auto}.hin-team-feature-image--mobile-width-full{width:100%;margin-left:0;margin-right:0}.hin-team-feature-image--mobile-ratio-landscape{aspect-ratio:3/2}.hin-team-feature-image--mobile-ratio-portrait{aspect-ratio:4/5}.hin-team-feature-image--mobile-ratio-square{aspect-ratio:1}.hin-team-feature-image--mobile-ratio-natural{aspect-ratio:auto}.hin-team-feature-image--mobile-ratio-landscape img,.hin-team-feature-image--mobile-ratio-portrait img,.hin-team-feature-image--mobile-ratio-square img{height:100%;object-fit:cover;object-position:var(--hin-team-image-focus,50% 50%)}.hin-team-feature-image--mobile-ratio-natural img{height:auto;object-fit:initial}} /* Quiet Index mobile Team index: retain the desktop hierarchy—HIN opens alone, then four photographers continue in paired rows. */ @media(max-width:850px){.hin-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hin-team-grid .hin-team-card{grid-template-columns:1fr;padding:16px;gap:14px;min-height:0}.hin-team-grid .hin-team-card:first-child{grid-column:1/-1;grid-template-columns:116px 1fr;padding:20px 18px;gap:18px}.hin-team-card .hin-photo-frame{width:100%;aspect-ratio:1}.hin-team-card:first-child .hin-photo-frame{aspect-ratio:1}.hin-team-card h2{font-size:clamp(24px,7.2vw,34px);margin:0 0 6px}.hin-team-grid .hin-team-card:first-child h2{font-size:34px;margin:10px 0 6px}.hin-team-tagline{line-height:1.35}.hin-team-card-intro{font-size:9px;line-height:1.45}.hin-team-card .hin-text-link{font-size:7px;margin-top:13px}} /* Quiet Index Pre-wedding controls: each destination panel owns its brightness and point-based crop focus. */ .hin-pre-panel .hin-photo-frame{opacity:1;filter:brightness(var(--hin-pre-image-brightness,.6));transition:filter .2s cubic-bezier(.23,1,.32,1),transform .24s cubic-bezier(.23,1,.32,1)}.hin-pre-panel .hin-photo-frame img{object-position:var(--hin-pre-image-focus,50% 50%)}.hin-pre-panel--link:hover .hin-photo-frame{opacity:1} .hin-photo-frame img{object-position:var(--hin-image-focus,50% 50%)} /* Quiet Index Work index: keep every story's identifying detail physically attached beneath its own image. */ .hin-work-card{display:block;width:100%;break-inside:avoid-column}.hin-work-card .hin-work-meta{display:block;width:100%;clear:both}.hin-work-card .hin-work-meta>div{display:block;width:100%;text-align:left}.hin-work-card .hin-work-meta>div:last-child{margin-top:6px;text-align:left} /* Quiet Index frame refinement: retain the quiet perimeter, remove the unnecessary centre guide line. */ .hin-photo-frame:after{display:none} /* Quiet Index motion refinement: photographic hover feedback stays in place so masonry and editorial grids never visually jump. */ .hin-story-card .hin-photo-frame,.hin-work-card .hin-photo-frame,.hin-team-card .hin-photo-frame,.hin-pre-panel--link .hin-photo-frame{transform:none;transition:box-shadow .2s cubic-bezier(.23,1,.32,1),filter .2s cubic-bezier(.23,1,.32,1),opacity .2s cubic-bezier(.23,1,.32,1)}.hin-story-card:hover .hin-photo-frame,.hin-work-card:hover .hin-photo-frame,.hin-team-card:hover .hin-photo-frame,.hin-pre-panel--link:hover .hin-photo-frame{transform:none}.hin-story-card:hover .hin-photo-frame{box-shadow:0 17px 30px rgba(23,23,20,.08)}.hin-work-card:hover .hin-photo-frame{box-shadow:0 16px 28px rgba(23,23,20,.075)}.hin-team-card:hover .hin-photo-frame{box-shadow:0 13px 23px rgba(23,23,20,.055)} /* Quiet Index Story hero controls: every Story can pair a spacious desktop landscape with a more intimate mobile portrait. */ .hin-story-hero.hin-story-hero--desktop-width-compact{width:55%;margin-left:auto;margin-right:auto}.hin-story-hero.hin-story-hero--desktop-width-editorial{width:72%;margin-left:auto;margin-right:auto}.hin-story-hero.hin-story-hero--desktop-width-full{width:100%}.hin-story-hero.hin-story-hero--desktop-ratio-landscape{aspect-ratio:3/2}.hin-story-hero.hin-story-hero--desktop-ratio-portrait{aspect-ratio:4/5}.hin-story-hero.hin-story-hero--desktop-ratio-square{aspect-ratio:1}.hin-story-hero.hin-story-hero--desktop-ratio-natural{aspect-ratio:auto}.hin-story-hero.hin-story-hero--desktop-ratio-landscape .hin-photo-frame,.hin-story-hero.hin-story-hero--desktop-ratio-portrait .hin-photo-frame,.hin-story-hero.hin-story-hero--desktop-ratio-square .hin-photo-frame{height:100%}.hin-story-hero.hin-story-hero--desktop-ratio-natural .hin-photo-frame,.hin-story-hero.hin-story-hero--desktop-ratio-natural .hin-photo-frame img{height:auto} @media(max-width:850px){.hin-story-hero.hin-story-hero--mobile-width-compact{width:72%;margin-left:auto;margin-right:auto}.hin-story-hero.hin-story-hero--mobile-width-editorial{width:86%;margin-left:auto;margin-right:auto}.hin-story-hero.hin-story-hero--mobile-width-full{width:100%;margin-left:auto;margin-right:auto}.hin-story-hero.hin-story-hero--mobile-ratio-landscape{aspect-ratio:3/2}.hin-story-hero.hin-story-hero--mobile-ratio-portrait{aspect-ratio:4/5}.hin-story-hero.hin-story-hero--mobile-ratio-square{aspect-ratio:1}.hin-story-hero.hin-story-hero--mobile-ratio-natural{aspect-ratio:auto}.hin-story-hero.hin-story-hero--mobile-ratio-landscape .hin-photo-frame,.hin-story-hero.hin-story-hero--mobile-ratio-portrait .hin-photo-frame,.hin-story-hero.hin-story-hero--mobile-ratio-square .hin-photo-frame{height:100%}.hin-story-hero.hin-story-hero--mobile-ratio-natural .hin-photo-frame,.hin-story-hero.hin-story-hero--mobile-ratio-natural .hin-photo-frame img{height:auto}} /* Quiet Index Story opening: frame the first featured photograph in the visual centre of the Story column. */ .hin-story-hero-stage{display:block}.hin-story-hero-stage .hin-story-hero{margin-left:auto;margin-right:auto} /* Quiet Index centre-line correction: the opening frame and every manually centred Story image share one explicit page axis. */ @media(min-width:851px){.hin-story-hero-stage{width:var(--wrap);margin:0 auto;display:block}.hin-story-hero-stage .hin-story-hero{display:block;left:auto!important;right:auto!important;transform:none!important;margin-left:auto!important;margin-right:auto!important}.hin-story-content .hin-manual-story-image--desktop-center{left:auto!important;right:auto!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}} @media(max-width:850px){.hin-story-hero-stage{width:var(--wrap);margin:0 auto;display:flex;justify-content:center}.hin-story-hero-stage .hin-story-hero{flex:0 0 auto;margin-left:0;margin-right:0}.hin-story-content .hin-manual-story-image--mobile-center{left:50%;margin-left:0!important;margin-right:0!important;transform:translateX(-50%)!important}} /* Quiet Index Story opening correction: desktop title, index details and first frame now share a single editorial axis. */ @media(min-width:851px){.hin-story-head{display:flex;flex-direction:column;align-items:center;gap:16px;padding:110px 0 40px;text-align:center}.hin-story-head>div:first-child{display:flex;flex-direction:column;align-items:center}.hin-story-head .hin-kicker{margin-bottom:12px}.hin-story-head .hin-display{max-width:980px}.hin-story-details{text-align:center}.hin-story-hero-stage{margin-top:0}} /* Quiet Index Story reading order: desktop opening copy follows the same left-aligned rhythm as mobile, while the first frame remains on the page axis. */ @media(min-width:851px){.hin-story-head{align-items:flex-start;text-align:left}.hin-story-head>div:first-child{align-items:flex-start}.hin-story-details{text-align:left}} /* Quiet Index Story stage rebuild: featured work is centred against the viewport itself, never against an inherited editorial column. */ @media(min-width:851px){article>.hin-story-hero-stage{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;display:flex;justify-content:center;align-items:flex-start}.hin-story-hero-stage .hin-story-hero{position:relative;left:auto!important;right:auto!important;transform:none!important;margin-left:0!important;margin-right:0!important;flex:0 0 auto}} /* Quiet Index Story rebuild: one shared editorial axis anchors the first frame and the gallery; title and index details remain a readable two-sided masthead. */ .hin-story-opening{padding:clamp(78px,10vw,138px) 0 0}.hin-story-opening__header{width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding-bottom:clamp(34px,5vw,68px)}.hin-story-opening__title .hin-kicker{display:block;margin-bottom:13px}.hin-story-opening__title .hin-display{font-size:clamp(52px,7vw,112px)}.hin-story-opening .hin-story-details{text-align:right;white-space:nowrap}.hin-story-axis{width:var(--wrap);margin-left:auto;margin-right:auto}.hin-story-featured-stage{display:block;margin:0 0 clamp(64px,9vw,138px)}.hin-story-featured-stage .hin-story-hero{display:block;left:auto!important;right:auto!important;transform:none!important;margin-left:auto!important;margin-right:auto!important}.hin-story-axis.hin-story-content{padding-top:0;max-width:none;font-size:16px;line-height:1.7}.hin-story-axis.hin-story-content>p{width:min(100%,820px);margin-left:auto;margin-right:auto}.hin-story-axis.hin-story-content .hin-manual-story-image--desktop-center{left:auto!important;right:auto!important;transform:none!important;margin-left:auto!important;margin-right:auto!important} @media(max-width:850px){.hin-story-opening{padding:70px 0 0}.hin-story-opening__header{width:var(--wrap);gap:20px;padding-bottom:30px}.hin-story-opening__title .hin-display{font-size:48px}.hin-story-opening .hin-story-details{text-align:right;font-size:8px;line-height:1.65}.hin-story-axis{width:var(--wrap)}.hin-story-featured-stage{margin-bottom:54px}.hin-story-axis.hin-story-content{padding-top:0}.hin-story-axis.hin-story-content .hin-manual-story-image--mobile-center{left:auto!important;right:auto!important;transform:none!important;margin-left:auto!important;margin-right:auto!important}} /* Quiet Index alignment lock: the featured frame is positioned from the exact 50% axis of the same gallery container, independent of portrait or landscape width. */ @media(min-width:851px){.hin-story-featured-stage{position:relative}.hin-story-featured-stage .hin-story-hero{position:relative!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin-left:0!important;margin-right:0!important}} /* Quiet Index credit links: vendor names remain editorial in tone, with a restrained underline only when an IG destination is available. */ .hin-story-outro-credits dd a{color:inherit;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color .16s cubic-bezier(.23,1,.32,1)}.hin-story-outro-credits dd a:hover{color:var(--olive)} /* Quiet Index Story close: credits lead the final pause; the fixed wordmark withdraws before closing navigation. */ .hin-story-outro-credits{order:1}.hin-story-outro-nav{order:2}.hin-story-fixed-wordmarks.is-visible.is-hidden-at-end{opacity:0} @media(prefers-reduced-motion:reduce){.hin-story-fixed-wordmarks{transition:none}} /* Quiet Index related Work navigation: a single text-led next collection link after a filtered index. */ .hin-related-work{width:min(100%,760px);margin:clamp(96px,13vw,180px) auto 0;padding:0 0 clamp(58px,8vw,108px);border-bottom:1px solid var(--line);text-align:center}.hin-related-work__link{display:inline-flex;flex-direction:column;gap:13px;margin-top:18px;color:var(--ink)}.hin-related-work__link>span{font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--olive)}.hin-related-work__link strong{font:500 clamp(32px,4.3vw,58px)/.88 var(--serif);letter-spacing:-.07em}.hin-related-work__link .hin-arrow{font-size:.34em;margin-left:11px;vertical-align:middle;transition:transform .18s cubic-bezier(.23,1,.32,1),color .18s cubic-bezier(.23,1,.32,1)}.hin-related-work__link:hover strong{color:var(--olive)}.hin-related-work__link:hover .hin-arrow{transform:translate3d(4px,-4px,0)} @media(max-width:850px){.hin-related-work{width:100%;margin-top:80px;padding-bottom:54px}.hin-related-work__link{gap:11px}.hin-related-work__link strong{font-size:36px;max-width:310px}.hin-related-work__link .hin-arrow{margin-left:8px}} @media(prefers-reduced-motion:reduce){.hin-related-work__link .hin-arrow{transition:none}} /* Quiet Index homepage collage: each Selected Story keeps the exact natural horizontal or vertical Featured Photo ratio. */ .hin-story-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row dense;gap:clamp(56px,8vw,136px) clamp(22px,4vw,68px);align-items:start}.hin-story-grid .hin-story-card,.hin-story-grid .hin-story-card--tall,.hin-story-grid .hin-story-card--wide,.hin-story-grid .hin-story-card--square,.hin-story-grid .hin-story-card:nth-child(4){display:block;min-height:0;grid-row:auto;margin:0}.hin-story-grid .hin-story-card--tall{grid-column:1 / span 4;margin-top:clamp(12px,2vw,38px)}.hin-story-grid .hin-story-card--wide{grid-column:6 / span 7;margin-top:clamp(68px,10vw,176px)}.hin-story-grid .hin-story-card--square{grid-column:2 / span 5;margin-top:clamp(28px,5vw,88px)}.hin-story-grid .hin-story-card:nth-child(4){grid-column:8 / span 4;margin-top:clamp(96px,13vw,226px)}.hin-story-grid .hin-story-card .hin-photo-frame{height:auto!important;aspect-ratio:auto!important;overflow:hidden;box-shadow:0 13px 28px rgba(23,23,20,.04)}.hin-story-grid .hin-story-card .hin-photo-frame img{width:100%;height:auto!important;object-fit:initial!important;object-position:initial!important}.hin-story-grid .hin-story-meta{padding-top:11px} @media(max-width:850px){.hin-story-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:48px 16px}.hin-story-grid .hin-story-card,.hin-story-grid .hin-story-card--tall,.hin-story-grid .hin-story-card--wide,.hin-story-grid .hin-story-card--square,.hin-story-grid .hin-story-card:nth-child(4){width:auto;margin:0}.hin-story-grid .hin-story-card--tall{grid-column:1 / span 4;margin-top:0}.hin-story-grid .hin-story-card--wide{grid-column:2 / span 5;margin-top:32px}.hin-story-grid .hin-story-card--square{grid-column:1 / span 4;margin-top:14px}.hin-story-grid .hin-story-card:nth-child(4){grid-column:3 / span 4;margin-top:42px}.hin-story-grid .hin-story-meta{font-size:7px}.hin-story-grid .hin-story-meta strong{font-size:8px}} /* Quiet Index homepage collage spacing: retain the loose editorial composition, with every image interval reduced by roughly 30%. */ .hin-story-grid{gap:clamp(39px,5.6vw,95px) clamp(15px,2.8vw,48px)}.hin-story-grid .hin-story-card--tall{margin-top:clamp(8px,1.4vw,27px)}.hin-story-grid .hin-story-card--wide{margin-top:clamp(48px,7vw,123px)}.hin-story-grid .hin-story-card--square{margin-top:clamp(20px,3.5vw,62px)}.hin-story-grid .hin-story-card:nth-child(4){margin-top:clamp(67px,9.1vw,158px)} @media(max-width:850px){.hin-story-grid{gap:34px 11px}.hin-story-grid .hin-story-card--tall{margin-top:0}.hin-story-grid .hin-story-card--wide{margin-top:22px}.hin-story-grid .hin-story-card--square{margin-top:10px}.hin-story-grid .hin-story-card:nth-child(4){margin-top:29px}} /* Quiet Index Story presentations: choose free editorial composition or a tight, image-led three-column collage per Story. */ .hin-story-content--gallery-triptych{width:min(100% - 64px,1440px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:start;padding:74px 0}.hin-story-content--gallery-triptych>.hin-manual-story-image{width:100%!important;margin:0!important;grid-column:auto}.hin-story-content--gallery-triptych>.hin-manual-story-image img{display:block;width:100%;height:clamp(250px,31vw,520px);object-fit:cover;object-position:var(--hin-image-focus,50% 50%)}.hin-story-content--gallery-triptych>.wp-block-gallery{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;width:100%;margin:0!important}.hin-story-content--gallery-triptych>.wp-block-gallery .wp-block-image{width:auto!important;margin:0!important;flex:none!important}.hin-story-content--gallery-triptych>.wp-block-gallery .wp-block-image img{display:block;width:100%;height:clamp(250px,31vw,520px);object-fit:cover;object-position:var(--hin-image-focus,50% 50%)}.hin-story-content--gallery-triptych>:not(.hin-manual-story-image):not(.wp-block-gallery){grid-column:1/-1} @media(max-width:850px){.hin-story-content--gallery-triptych{width:var(--wrap);grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:42px 0}.hin-story-content--gallery-triptych>.hin-manual-story-image img,.hin-story-content--gallery-triptych>.wp-block-gallery .wp-block-image img{height:clamp(190px,64vw,360px)}.hin-story-content--gallery-triptych>.wp-block-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px!important}} /* Three-column collage proportion correction: images scale into tidy columns but never crop or change their original horizontal/vertical ratio. */ .hin-story-content--gallery-triptych>.hin-manual-story-image img,.hin-story-content--gallery-triptych>.wp-block-gallery .wp-block-image img{height:auto!important;aspect-ratio:auto!important;object-fit:initial!important;object-position:initial!important}.hin-story-content--gallery-triptych>.wp-block-gallery .wp-block-image{height:auto!important;aspect-ratio:auto!important;min-height:0!important} /* Natural-ratio masonry: calculated row spans pull every following image directly beneath the shortest available neighbour. */ .hin-story-content--gallery-triptych.is-masonry-ready,.hin-story-content--gallery-triptych>.wp-block-gallery.is-masonry-ready{grid-auto-rows:1px;grid-auto-flow:row dense}.hin-story-content--gallery-triptych.is-masonry-ready>.hin-manual-story-image,.hin-story-content--gallery-triptych>.wp-block-gallery.is-masonry-ready>.wp-block-image{margin:0!important;align-self:start} /* Quiet Index Pre-wedding panels: each destination may use one shared, editor-chosen colour for its title and Stories link. */ .hin-pre-panel--link h1,.hin-pre-panel--link .hin-pre-panel-link{color:var(--hin-pre-panel-text-color,currentColor)}.hin-pre-panel--link .hin-pre-panel-link{display:inline-block;margin-top:20px;padding-bottom:4px;border-bottom:1px solid currentColor;font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase} .hin-pre-panel--link .hin-kicker,.hin-pre-panel--link p{color:var(--hin-pre-panel-subtext-color,currentColor)} .hin-pre-panel-copy--mobile{display:none}@media(max-width:850px){.hin-pre-panel .hin-photo-frame img{object-position:var(--hin-pre-mobile-image-focus,var(--hin-pre-image-focus,50% 50%))}.hin-pre-panel-copy--desktop{display:none}.hin-pre-panel-copy--mobile{display:block}.hin-pre-panel--link h1,.hin-pre-panel--link .hin-pre-panel-link{color:var(--hin-pre-mobile-panel-text-color,var(--hin-pre-panel-text-color,currentColor))}.hin-pre-panel--link .hin-kicker,.hin-pre-panel--link p{color:var(--hin-pre-mobile-panel-subtext-color,var(--hin-pre-panel-subtext-color,currentColor))}} /* Quiet Index homepage: a large two-beat left/right zigzag, with every selected Story retaining its original image ratio. */ @media(min-width:851px){.hin-story-grid{display:flex;flex-direction:column;gap:clamp(84px,10vw,176px)}.hin-story-grid>.hin-story-card,.hin-story-grid>.hin-story-card--tall,.hin-story-grid>.hin-story-card--wide,.hin-story-grid>.hin-story-card--square,.hin-story-grid>.hin-story-card:nth-child(4){display:block;width:60%;grid-column:auto!important;grid-row:auto!important;margin-top:0!important}.hin-story-grid>.hin-story-card:nth-child(odd){margin-left:0!important;margin-right:auto!important}.hin-story-grid>.hin-story-card:nth-child(even){margin-left:auto!important;margin-right:0!important}} @media(max-width:850px){.hin-story-grid{display:flex;flex-direction:column;gap:52px}.hin-story-grid>.hin-story-card,.hin-story-grid>.hin-story-card--tall,.hin-story-grid>.hin-story-card--wide,.hin-story-grid>.hin-story-card--square,.hin-story-grid>.hin-story-card:nth-child(4){display:block;width:65%;grid-column:auto!important;grid-row:auto!important;margin-top:0!important}.hin-story-grid>.hin-story-card:nth-child(odd){margin-left:0!important;margin-right:auto!important}.hin-story-grid>.hin-story-card:nth-child(even){margin-left:auto!important;margin-right:0!important}} /* Quiet Index / Life Stories: three quiet category doors, centred landscape imagery and generous paper-white space. */ .hin-life-stories{padding-top:clamp(70px,10vw,150px);padding-bottom:clamp(80px,12vw,180px)} .hin-life-stories__header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(40px,10vw,170px);align-items:end;border-bottom:1px solid var(--line);padding-bottom:clamp(34px,5vw,70px)} .hin-life-stories__header h1{margin:22px 0 0}.hin-life-stories__header .hin-page-intro{margin:0;max-width:420px} .hin-life-stories__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,48px);margin-top:clamp(50px,8vw,110px)} .hin-life-stories__card{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:14px;min-width:0;transition:transform 220ms cubic-bezier(.23,1,.32,1)}.hin-life-stories__card:hover{transform:translateY(-5px)} .hin-life-stories__image{position:relative;width:100%;aspect-ratio:3 / 2;background-color:var(--paper-deep);background-position:center;background-size:cover;border:1px solid var(--line);overflow:hidden}.hin-life-stories__image:after{content:'';position:absolute;inset:8px;border:1px solid rgba(23,23,20,.12);pointer-events:none} .hin-life-stories__image--empty{display:grid;place-items:center;background:linear-gradient(135deg,var(--paper-deep),var(--paper));color:var(--soft);font-family:var(--mono);font-size:9px;line-height:1.5;letter-spacing:.08em;text-align:center;text-transform:uppercase} .hin-life-stories__card-copy{position:relative;padding:20px 0 0;min-height:190px}.hin-life-stories__card-copy h2{font-family:var(--serif);font-weight:500;font-size:clamp(25px,3vw,44px);line-height:.98;letter-spacing:-.055em;margin:12px 36px 14px 0}.hin-life-stories__card-copy p{color:var(--soft);font-size:12px;line-height:1.55;max-width:340px;margin:0}.hin-life-stories__card-copy>b{position:absolute;right:0;top:21px;font-family:var(--mono);font-size:17px;font-weight:400} .hin-life-stories__single{padding-top:clamp(52px,8vw,120px)}.hin-life-stories__single-header{display:grid;grid-template-columns:1fr minmax(160px,.55fr);column-gap:clamp(36px,10vw,180px);align-items:end}.hin-life-stories__back{grid-column:1 / -1;margin-bottom:clamp(45px,7vw,90px);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive)}.hin-life-stories__single-header .hin-kicker{grid-column:1 / -1}.hin-life-stories__single-header h1{margin:18px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(48px,8vw,112px);line-height:.88;letter-spacing:-.075em}.hin-life-stories__single-header .hin-page-intro{margin:0 0 5px;max-width:390px} .hin-life-stories__featured-wrap{width:min(100%,980px);margin:clamp(70px,10vw,150px) auto 0}.hin-life-stories__featured-label{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:12px 0 14px;color:var(--soft);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.hin-life-stories__featured-label .hin-kicker{color:var(--olive)}.hin-life-stories__image--featured{aspect-ratio:3 / 2;width:100%;max-height:600px} @media(max-width:720px){.hin-life-stories{padding-top:54px;padding-bottom:86px}.hin-life-stories__header{display:block;padding-bottom:34px}.hin-life-stories__header h1{font-size:clamp(52px,16vw,86px);margin-top:18px}.hin-life-stories__header .hin-page-intro{margin-top:32px;max-width:340px}.hin-life-stories__cards{grid-template-columns:1fr;gap:54px;margin-top:52px}.hin-life-stories__card-copy{min-height:0;padding-bottom:8px}.hin-life-stories__card-copy h2{font-size:36px}.hin-life-stories__card-copy p{max-width:100%;font-size:11px}.hin-life-stories__single{padding-top:38px}.hin-life-stories__single-header{display:block}.hin-life-stories__back{display:block;margin-bottom:55px}.hin-life-stories__single-header h1{font-size:clamp(48px,15vw,78px);margin-top:15px}.hin-life-stories__single-header .hin-page-intro{margin-top:28px;font-size:12px}.hin-life-stories__featured-wrap{margin-top:66px}.hin-life-stories__featured-label{font-size:7px;line-height:1.35}.hin-life-stories__image--featured{aspect-ratio:3 / 2}} @media(prefers-reduced-motion:reduce){.hin-life-stories__card{transition:none}.hin-life-stories__card:hover{transform:none}} /* Quiet Index / Life Stories direct gallery: category photos are managed independently, either one considered image at a time or a concise three-up contact sheet. */ .hin-life-stories__gallery{width:min(100%,1260px);margin:clamp(86px,12vw,170px) auto 0}.hin-life-stories__gallery-image{margin:0;padding:0}.hin-life-stories__gallery-image img{display:block;width:100%;height:auto;object-fit:cover;object-position:var(--hin-life-image-focus,50% 50%)} .hin-life-stories__gallery--editorial{display:flex;flex-direction:column;gap:clamp(70px,12vw,184px);align-items:center}.hin-life-stories__gallery--editorial .hin-life-stories__gallery-image{width:min(100%,940px)} .hin-life-stories__gallery--triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.5vw,20px)}.hin-life-stories__gallery--triptych .hin-life-stories__gallery-image{min-width:0;background:var(--paper-deep)} .hin-life-stories__instagram-link{display:block;position:relative}.hin-life-stories__instagram-link:after{content:'↗';position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.62);background:rgba(18,18,16,.54);color:#fff;font:400 15px var(--serif);opacity:0;transform:translateY(4px);transition:opacity 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1)}.hin-life-stories__instagram-link:hover:after,.hin-life-stories__instagram-link:focus-visible:after{opacity:1;transform:translateY(0)}.hin-life-stories__instagram-link:focus-visible{outline:2px solid var(--olive);outline-offset:4px} @media(max-width:720px){.hin-life-stories__gallery{margin-top:70px}.hin-life-stories__gallery--editorial{gap:68px}.hin-life-stories__gallery--editorial .hin-life-stories__gallery-image{width:100%}.hin-life-stories__gallery--triptych{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}} /* Quiet Index portfolio availability: work can be withdrawn temporarily while each photographer and Life Stories category keeps a composed editorial presence. */ .hin-team-card--unavailable{background:rgba(235,231,220,.34)}.hin-team-card--unavailable:hover{background:rgba(235,231,220,.34)}.hin-team-card__availability-media{width:100%;aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;background:linear-gradient(135deg,var(--paper-deep),var(--paper));color:var(--soft);font:400 clamp(21px,2.3vw,34px)/.85 var(--wordmark);letter-spacing:-.1em}.hin-availability-note{display:flex;flex-direction:column;gap:10px;margin:19px 0 0;color:var(--soft);font:500 20px/1.04 var(--serif);letter-spacing:-.045em}.hin-availability-note .hin-kicker{color:var(--olive)}.hin-team-mini--unavailable{cursor:default;background:rgba(235,231,220,.25)}.hin-team-mini--unavailable p{color:var(--soft)}.hin-portfolio-unavailable{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:clamp(100px,15vw,220px);padding-bottom:clamp(110px,15vw,220px)}.hin-portfolio-unavailable .hin-display{max-width:850px;margin:25px 0 24px}.hin-portfolio-unavailable .hin-page-intro{margin:0}.hin-portfolio-unavailable .hin-text-link{margin-top:28px} .hin-life-stories__card--unavailable{display:block;min-height:calc(clamp(190px,20vw,290px) + 190px);padding:0;border-top:1px solid var(--line);background:linear-gradient(135deg,rgba(235,231,220,.5),rgba(245,242,234,.28));cursor:default}.hin-life-stories__card--unavailable:hover{transform:none}.hin-life-stories__availability{height:100%;min-height:inherit;padding:clamp(28px,3.5vw,50px);display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-top:0}.hin-life-stories__availability h2{max-width:340px;margin:17px 0 15px;font:500 clamp(29px,3.2vw,48px)/.92 var(--serif);letter-spacing:-.065em}.hin-life-stories__availability p{margin:0;color:var(--soft);font:9px var(--mono);letter-spacing:.11em;text-transform:uppercase}.hin-life-stories__single-header--unavailable{min-height:calc(100vh - 260px);align-content:center;padding-bottom:clamp(96px,12vw,180px)} @media(max-width:850px){.hin-team-card--unavailable .hin-team-card__availability-media{min-height:116px}.hin-availability-note{font-size:18px;margin-top:15px}.hin-portfolio-unavailable{min-height:calc(100vh - 140px);padding-top:100px;padding-bottom:100px}.hin-life-stories__card--unavailable{min-height:280px}.hin-life-stories__availability{padding:30px}.hin-life-stories__availability h2{font-size:37px}.hin-life-stories__single-header--unavailable{min-height:calc(100vh - 180px);padding-bottom:90px}} /* Photographer Portfolio Collections: an optional long-form portfolio layer that leaves the original client-by-client Story index untouched. */ .hin-portfolio-collections{width:var(--wrap);margin:0 auto;padding:clamp(100px,14vw,190px) 0 clamp(96px,13vw,180px)}.hin-portfolio-collections__header{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:clamp(38px,9vw,150px);align-items:end;padding-bottom:clamp(55px,8vw,108px);border-bottom:1px solid var(--line)}.hin-portfolio-collections__header h1{margin:22px 0 0}.hin-portfolio-collections__header .hin-page-intro{margin:0;max-width:390px}.hin-portfolio-collections__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,5vw,78px);margin-top:clamp(50px,8vw,112px)}.hin-portfolio-collection{display:block;min-width:0;border-top:1px solid var(--line);padding-top:14px}.hin-portfolio-collection__image-wrap{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:var(--paper-deep);border:1px solid var(--line)}.hin-portfolio-collection__image-wrap:after,.hin-portfolio-collection__featured:after{content:'';position:absolute;inset:8px;border:1px solid rgba(23,23,20,.12);pointer-events:none}.hin-portfolio-collection__image-wrap img,.hin-portfolio-collection__featured img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 320ms cubic-bezier(.23,1,.32,1)}.hin-portfolio-collection:hover .hin-portfolio-collection__image-wrap img{transform:scale(1.018)}.hin-portfolio-collection__image--empty{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--paper-deep),var(--paper));color:var(--soft);font:9px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;text-align:center}.hin-portfolio-collection__copy{position:relative;padding:21px 36px 8px 0}.hin-portfolio-collection__copy h2{margin:14px 0 14px;font:500 clamp(35px,4.2vw,66px)/.9 var(--serif);letter-spacing:-.07em}.hin-portfolio-collection__copy p{max-width:390px;margin:0;color:var(--soft);font-size:12px;line-height:1.55}.hin-portfolio-collection__copy>b{position:absolute;top:26px;right:0;font:400 18px var(--mono);transition:transform 180ms cubic-bezier(.23,1,.32,1),color 180ms cubic-bezier(.23,1,.32,1)}.hin-portfolio-collection:hover .hin-portfolio-collection__copy>b{color:var(--olive);transform:translate3d(4px,-4px,0)}.hin-portfolio-collections__back{display:inline-block;margin:0 0 clamp(44px,7vw,92px);color:var(--olive);font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.hin-portfolio-collections__single-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:clamp(36px,9vw,145px);align-items:end;padding-bottom:clamp(48px,7vw,96px);border-bottom:1px solid var(--line)}.hin-portfolio-collections__single-header .hin-kicker{grid-column:1/-1}.hin-portfolio-collections__single-header h1{margin:16px 0 0}.hin-portfolio-collections__single-header .hin-page-intro{margin:0;max-width:390px}.hin-portfolio-collection__featured{position:relative;width:min(100%,980px);aspect-ratio:3 / 2;margin:clamp(64px,10vw,145px) auto 0;overflow:hidden;border:1px solid var(--line);background:var(--paper-deep)}.hin-portfolio-collection-gallery{width:min(100%,1260px);margin:clamp(82px,12vw,172px) auto 0}.hin-portfolio-collection-gallery__image{margin:0;padding:0}.hin-portfolio-collection-gallery__image img{display:block;width:100%;height:auto}.hin-portfolio-collection-gallery--editorial{display:flex;flex-direction:column;gap:clamp(72px,12vw,184px);align-items:center}.hin-portfolio-collection-gallery--editorial .hin-portfolio-collection-gallery__image{width:min(100%,940px)}.hin-portfolio-collection-gallery--triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.5vw,20px);align-items:start}.hin-portfolio-collection__empty{width:min(100%,940px);margin:clamp(82px,12vw,172px) auto 0;color:var(--soft);font:500 clamp(28px,3.4vw,48px)/.96 var(--serif);letter-spacing:-.06em}.hin-portfolio-hybrid-stories{padding-bottom:clamp(100px,14vw,190px)}.hin-portfolio-hybrid-stories .hin-selected-heading{margin-top:0} @media(max-width:850px){.hin-portfolio-collections{padding:82px 0 90px}.hin-portfolio-collections__header,.hin-portfolio-collections__single-header{display:block;padding-bottom:38px}.hin-portfolio-collections__header h1{font-size:clamp(53px,15vw,82px);margin-top:18px}.hin-portfolio-collections__header .hin-page-intro,.hin-portfolio-collections__single-header .hin-page-intro{margin-top:30px}.hin-portfolio-collections__cards{grid-template-columns:1fr;gap:52px;margin-top:52px}.hin-portfolio-collection__copy{padding-top:18px}.hin-portfolio-collection__copy h2{font-size:47px}.hin-portfolio-collection__copy p{font-size:11px}.hin-portfolio-collection__featured{margin-top:66px}.hin-portfolio-collection-gallery{margin-top:70px}.hin-portfolio-collection-gallery--editorial{gap:68px}.hin-portfolio-collection-gallery--editorial .hin-portfolio-collection-gallery__image{width:100%}.hin-portfolio-collection-gallery--triptych{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hin-portfolio-collection__empty{margin-top:70px;font-size:37px}.hin-portfolio-hybrid-stories{padding-bottom:98px}.hin-portfolio-hybrid-stories .hin-selected-heading{margin-top:0}} @media(prefers-reduced-motion:reduce){.hin-portfolio-collection__image-wrap img,.hin-portfolio-collection__copy>b{transition:none}.hin-portfolio-collection:hover .hin-portfolio-collection__image-wrap img,.hin-portfolio-collection:hover .hin-portfolio-collection__copy>b{transform:none}} /* Portfolio Collection flow: a continuous Story-like sequence preserves every image ratio and avoids empty grid cells below landscape work. */ .hin-portfolio-collection-gallery--editorial{gap:clamp(18px,2vw,30px)}.hin-portfolio-collection-gallery--triptych{display:block;columns:3;column-gap:clamp(12px,1.5vw,22px)}.hin-portfolio-collection-gallery--triptych .hin-portfolio-collection-gallery__image{display:inline-block;width:100%;margin:0 0 clamp(12px,1.5vw,22px);break-inside:avoid;vertical-align:top} @media(max-width:850px){.hin-portfolio-collection-gallery--editorial{gap:16px}.hin-portfolio-collection-gallery--triptych{columns:3;column-gap:7px}.hin-portfolio-collection-gallery--triptych .hin-portfolio-collection-gallery__image{margin-bottom:7px}} /* Wedding Day overview: coverage narratives introduce the page but no longer behave as package links; all Wedding Day Stories follow below. */ .hin-package--overview{cursor:default}.hin-package--overview:hover{background:transparent;padding-left:0;padding-right:0}.hin-wedding-day-stories{padding:clamp(26px,4vw,58px) 0 clamp(110px,14vw,200px)}.hin-wedding-day-stories__heading{margin:0 0 clamp(34px,5vw,70px)}.hin-wedding-day-stories__heading p{margin:12px 0 0;color:var(--soft);font-size:12px} @media(max-width:850px){.hin-wedding-day-stories{padding:20px 0 92px}.hin-wedding-day-stories__heading{margin-bottom:32px}.hin-wedding-day-stories__heading p{font-size:11px}}