:root{
            --navbar-height: 4.5rem;
            --pad: 5vw;
            /* nav, mobile menu and photo-hero overlays stay permanently dark regardless of theme */
            --on-dark:#E8E2D6; --on-dark-muted:#8E867B; --on-dark-rule:rgba(232,226,214,.16);
            --on-dark-ore:#C0703A; --on-dark-ore-hi:#E89550;
            /* light (default) surface palette */
            --pit:#F7F6F3; --seam:#FFFFFF; --strata:#ECEAE4; --bone:#181510; --muted:#6B6459;
            --ore:#B35A2C; --ore-hi:#8B3D14; --rule:rgba(24,21,16,.12);
        }
        :root[data-theme="dark"]{
            --pit:#0E0C0B; --seam:#171412; --strata:#221E1A; --bone:#E8E2D6; --muted:#8E867B;
            --ore:#C0703A; --ore-hi:#E89550; --rule:rgba(232,226,214,.13);
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
        body{margin:0;background:var(--pit);color:var(--bone);font-family:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
        a{color:inherit}
        img{max-width:100%}
        :focus-visible{outline:2px solid var(--ore-hi);outline-offset:3px}
        .num{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:700;line-height:.82;letter-spacing:.005em;font-feature-settings:"tnum"}
        h1,h2,h3{font-family:"Big Shoulders Display",sans-serif;font-weight:600;line-height:.9;margin:0}

        /* nav — same shared markup/behaviour as the rest of the site, restyled dark for this page only */
        .photobuddy_fl_vertical_menu{position:fixed;left:0;top:0;right:0;width:100%;height:var(--navbar-height);background:linear-gradient(rgba(14,12,11,.94),rgba(14,12,11,.75) 80%,rgba(14,12,11,.55));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--on-dark-rule);z-index:40}
        .photobuddy_fl_vertical_menu_in{height:100%;max-width:96rem;margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;gap:2rem}
        .photobuddy_fl_logo{flex-shrink:0}
        .photobuddy_fl_logo a{display:block}
        .photobuddy_fl_logo img{display:block;height:2.15rem;width:auto;max-width:none;filter:brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(300%) hue-rotate(10deg) brightness(105%)}
        .photobuddy_fl_vertical_menu_nav_list{flex:1;min-width:0;margin-top:0;height:100%}
        .photobuddy_fl_vertical_menu_nav_list ul,.photobuddy_fl_vertical_menu_nav_list li{margin:0;padding:0;list-style:none}
        .photobuddy_fl_vertical_menu_nav_list>ul{display:flex;align-items:stretch;justify-content:center;gap:2.15rem;height:100%}
        .photobuddy_fl_vertical_menu_nav_list>ul>li{display:flex;align-items:center}
        .photobuddy_fl_vertical_menu_nav_list a,.photobuddy_fl_vertical_menu_nav_list .line{position:relative;display:inline-block;padding:.4rem 0;font-size:.82rem;letter-spacing:.06em;font-weight:500;white-space:nowrap;transition:color 200ms ease}
        .photobuddy_fl_vertical_menu_nav_list a{color:var(--on-dark)}
        .photobuddy_fl_vertical_menu_nav_list a:hover,.photobuddy_fl_vertical_menu_nav_list a.active,.photobuddy_fl_vertical_menu_nav_list li.active>a{color:var(--on-dark-ore-hi)}
        .photobuddy_fl_vertical_menu_nav_list a.active::before{content:"";position:absolute;left:0;right:0;bottom:-.2rem;height:2px;background:var(--on-dark-ore)}
        .dropdown{position:static;display:flex;align-items:center}
        .dropdown>a{max-width:none}
        .submenu-toggle{position:static;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.1rem;padding:0;border:none;background:transparent;color:var(--on-dark-muted);cursor:pointer}
        .submenu-toggle::before{content:"";display:block;width:.4rem;height:.4rem;margin-top:-.2rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform 220ms ease}
        .dropdown.is-open .submenu-toggle::before,.dropdown:hover .submenu-toggle::before,.dropdown:focus-within .submenu-toggle::before{transform:rotate(225deg)}
        .dropdown-menu{position:absolute;left:0;right:0;top:100%;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 3rem;margin:0;padding:1.5rem var(--pad);background:rgba(23,20,18,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--on-dark-rule);box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-.4rem);pointer-events:none;transition:opacity 200ms ease,transform 200ms ease,visibility 200ms}
        .dropdown.is-open .dropdown-menu,.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
        .dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{z-index:2}
        .dropdown-menu a{font-size:.78rem;letter-spacing:.06em;color:var(--on-dark);font-weight:500}
        .dropdown-menu a:hover{color:var(--on-dark-ore-hi)}
        .photobuddy_fl_copyright{display:none}
        .footer-links{margin:.85rem 0 0;display:flex;gap:.75rem;font-size:.78rem}
        .footer-links a{color:var(--on-dark);font-weight:500;border-bottom:1px solid transparent}
        .footer-links a:hover{color:var(--on-dark-ore-hi);border-bottom-color:var(--on-dark-ore-hi)}
        .photobuddy_fl_menu_trigger,.nav-backdrop{display:none}
        .theme-toggle{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;margin-left:.25rem;padding:0;border:1px solid var(--on-dark-rule);border-radius:50%;background:transparent;color:var(--on-dark);cursor:pointer;flex-shrink:0;transition:color 200ms ease,border-color 200ms ease}
        .theme-toggle:hover{color:var(--on-dark-ore-hi);border-color:var(--on-dark-ore-hi)}
        .theme-toggle-icon{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
        .theme-toggle-icon--moon{display:none}
        :root[data-theme="dark"] .theme-toggle-icon--sun{display:none}
        :root[data-theme="dark"] .theme-toggle-icon--moon{display:block}

        /* hero */
        .hero{padding:calc(var(--navbar-height) + 2.5rem) var(--pad) 0;position:relative}
        .hero .kicker{color:var(--ore-hi);font-size:.95rem;font-weight:500;margin:0 0 .9rem}
        .hero h1{font-size:clamp(2.6rem,7.6vw,7.5rem);max-width:16ch;font-weight:700}
        .hero .sub{margin:1.1rem 0 0;font-size:clamp(1.02rem,1.7vw,1.3rem);max-width:52ch;color:var(--muted)}
        .hero .actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
        .btn{display:inline-block;padding:.85rem 1.3rem;text-decoration:none;font-weight:500;font-size:.95rem;line-height:1.2;border:1px solid transparent}
        .btn-p{background:var(--ore);color:#150F0A;border-color:var(--ore)}
        .btn-p:hover{background:var(--ore-hi);border-color:var(--ore-hi)}
        .btn-s{border-color:var(--bone)}
        .btn-s:hover{border-color:var(--ore-hi);color:var(--ore-hi)}

        /* section drawing */
        .drawing{position:relative;margin:2.5rem calc(var(--pad) * -1) 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
        .drawing svg{display:block;width:1600px;height:auto;max-width:none}
        @media (min-width:900px){.drawing svg{width:100%}}
        .drawing .scrollnote{padding:.6rem var(--pad) 0;font-size:.85rem;color:var(--muted)}
        @media (min-width:900px){.drawing .scrollnote{display:none}}
        .ink{fill:none;stroke:var(--bone);stroke-width:2;stroke-linecap:square;vector-effect:non-scaling-stroke}
        .ink.thin{stroke-width:1.2;opacity:.72}
        .ink.dash{stroke-dasharray:7 7;opacity:.6}
        .fillbone{fill:var(--bone)}
        .lbl{font-family:"IBM Plex Sans",sans-serif;font-size:19px;fill:var(--muted)}
        .lblnum{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:34px;fill:var(--ore)}
        .stage{transition:opacity .28s ease}
        .drawing.focused .stage{opacity:.16}
        .ctx{transition:opacity .28s ease}
        .drawing.focused .ctx{opacity:.3}
        .drawing.focused .stage.on{opacity:1}
        .stage.on .ink{stroke:var(--ore-hi)}
        .stage.on .lblnum,.stage.on .lbl{fill:var(--ore-hi)}
        .stage.on .fillbone{fill:var(--ore-hi)}
        @keyframes draw{to{stroke-dashoffset:0}}
        .anim{stroke-dasharray:2600;stroke-dashoffset:2600;animation:draw 1.5s cubic-bezier(.4,0,.2,1) forwards}
        @keyframes fadein{to{opacity:1}}
        .fade{opacity:0;animation:fadein .7s ease forwards}

        /* stage list */
        .stages{padding:3rem var(--pad) 5rem}
        .stages h2{font-size:clamp(1.9rem,4.4vw,3.6rem);max-width:20ch;margin-bottom:.6rem}
        .stages .note{color:var(--muted);max-width:46ch;margin:0 0 2rem}
        .grid6{display:grid;grid-template-columns:1fr;gap:0}
        @media (min-width:700px){.grid6{grid-template-columns:1fr 1fr;column-gap:2.5rem}}
        @media (min-width:1120px){.grid6{grid-template-columns:repeat(3,1fr);column-gap:2.5rem}}
        .st{all:unset;display:block;cursor:pointer;padding:1.5rem 0;border-top:1px solid var(--rule)}
        .st:hover,.st:focus-visible{border-top-color:var(--ore)}
        .st .tag{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.7rem}
        .st .tag em{font-style:normal;font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:1.2rem;color:var(--ore)}
        .st .tag h3{font-size:1.8rem}
        .st .big{font-size:clamp(2.6rem,5vw,4rem);color:var(--bone)}
        .st .big i{font-style:normal;font-family:"IBM Plex Sans",sans-serif;font-weight:400;font-size:.26em;color:var(--muted);margin-left:.3em;letter-spacing:0}
        .st p{margin:.5rem 0 0;color:var(--muted);font-size:.94rem;max-width:34ch;line-height:1.45}
        .st[aria-pressed="true"] .tag h3,.st[aria-pressed="true"] .big{color:var(--ore-hi)}
        .st[aria-pressed="true"]{border-top-color:var(--ore-hi)}

        /* giant number band */
        .band{padding:5rem var(--pad);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--seam)}
        .band .lead{display:grid;grid-template-columns:1fr;gap:1rem;align-items:end;margin-bottom:2.5rem}
        @media (min-width:900px){.band .lead{grid-template-columns:auto 1fr;gap:3rem}}
        .band .huge{font-size:clamp(4.5rem,15vw,13rem);color:var(--ore);white-space:nowrap}
        .band .huge i{font-style:normal;font-family:"IBM Plex Sans",sans-serif;font-weight:400;font-size:.14em;color:var(--muted);margin-left:.25em}
        .band .lead p{margin:0 0 .6rem;font-size:clamp(1.05rem,2vw,1.4rem);max-width:34ch}
        .band .lead p b{color:var(--bone);font-weight:500}
        .quad{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 1.2rem}
        @media (min-width:900px){.quad{grid-template-columns:repeat(4,1fr)}}
        .quad .n{font-size:clamp(2.4rem,5vw,3.8rem)}
        .quad .n i{font-style:normal;font-family:"IBM Plex Sans",sans-serif;font-weight:400;font-size:.26em;color:var(--muted);margin-left:.25em}
        .quad .l{display:block;margin-top:.4rem;color:var(--muted);font-size:.92rem;max-width:22ch;line-height:1.35}

        /* shaft chart */
        .chart{padding:5rem var(--pad) 4rem}
        .chart h2{font-size:clamp(1.9rem,4.4vw,3.6rem);max-width:18ch}
        .chart .note{color:var(--muted);max-width:48ch;margin:.8rem 0 2rem}
        .bars{overflow-x:auto;overflow-y:hidden;margin:0 calc(var(--pad) * -1);padding:0 var(--pad)}
        .bars svg{display:block;width:1500px;height:auto}
        @media (min-width:1000px){.bars svg{width:100%}}

        /* commodities */
        .ores{padding:4rem var(--pad) 6rem}
        .ores h2{font-size:clamp(1.9rem,4.4vw,3.6rem);max-width:16ch;margin-bottom:2rem}
        .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
        @media (min-width:700px){.tiles{grid-template-columns:repeat(3,1fr)}}
        @media (min-width:1100px){.tiles{grid-template-columns:repeat(6,1fr)}}
        .tile{background:var(--pit);padding:1.6rem 1.2rem;display:grid;gap:.4rem;align-content:start;aspect-ratio:1;min-height:170px}
        .tile .sym{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:clamp(3rem,6.4vw,4.2rem);line-height:.8;color:var(--ore)}
        .tile b{font-weight:500;font-size:1.02rem}
        .tile span{color:var(--muted);font-size:.88rem;line-height:1.35}

        /* photo wall */
        .wall{padding:0 var(--pad) 6rem}
        .wall h2{font-size:clamp(1.9rem,4.4vw,3.6rem);max-width:18ch;margin-bottom:1.6rem}
        .wgrid{display:grid;grid-template-columns:1fr;gap:1rem}
        @media (min-width:700px){.wgrid{grid-template-columns:repeat(2,1fr)}}
        @media (min-width:1100px){.wgrid{grid-template-columns:repeat(4,1fr)}}
        .shot{position:relative;aspect-ratio:4/5;border:1px solid var(--rule);overflow:hidden}
        .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.82)}
        .shot::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,12,11,0) 45%,rgba(14,12,11,.92));z-index:1}
        .shot figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;font-size:.86rem;color:var(--on-dark-muted);z-index:2}
        .shot figcaption b{display:block;color:var(--on-dark);font-weight:500;font-size:.98rem}

        /* sites */
        .sites{padding:0 var(--pad) 6rem}
        .sites h2{font-size:clamp(1.9rem,4.4vw,3.6rem);max-width:18ch;margin-bottom:1.6rem}
        .slist{display:grid;grid-template-columns:1fr;gap:0}
        @media (min-width:800px){.slist{grid-template-columns:repeat(3,1fr);column-gap:2.5rem}}
        .slist div{padding:1.4rem 0;border-top:1px solid var(--rule)}
        .slist .n{font-size:2.4rem;color:var(--ore)}
        .slist b{display:block;font-family:"Big Shoulders Display",sans-serif;font-weight:600;font-size:1.6rem;line-height:1;margin:.5rem 0 .3rem}
        .slist span{display:block;color:var(--muted);font-size:.92rem}

        /* clients + certs */
        .clients{padding:0 var(--pad) 5rem}
        .clients h2{font-size:clamp(1.9rem,4.4vw,3.6rem);margin-bottom:1.2rem;max-width:16ch}
        .clients p{margin:0;font-family:"Big Shoulders Display",sans-serif;font-weight:600;font-size:clamp(1.6rem,4vw,3rem);line-height:1.15;color:var(--muted)}
        .clients p span{display:inline-block;margin-right:.85em}
        .clients p span:nth-child(4n+1){color:var(--bone)}
        .certs{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0 var(--pad) 5rem}
        @media (min-width:900px){.certs{grid-template-columns:repeat(4,1fr);column-gap:2.5rem}}
        .certs div{padding:1.2rem 0;border-top:1px solid var(--rule)}
        .certs a{display:block;padding:1.2rem 0;border-top:1px solid var(--rule);text-decoration:none}
        .certs a:hover b{color:var(--ore-hi)}
        .certs b{display:block;font-family:"Big Shoulders Display",sans-serif;font-weight:600;font-size:1.5rem;line-height:1}
        .certs span{color:var(--muted);font-size:.9rem}

        /* cta */
        .cta{padding:7rem var(--pad);border-top:1px solid var(--rule);background:radial-gradient(70% 90% at 15% 100%,rgba(192,112,58,.14),transparent 62%)}
        .cta h2{font-size:clamp(2.4rem,7vw,5.5rem);max-width:15ch;margin-bottom:1rem}
        .cta p{margin:0 0 1.8rem;color:var(--muted);max-width:44ch;font-size:1.05rem}
        .site-footer{padding:2rem var(--pad) 3.5rem;border-top:1px solid var(--rule);font-size:.88rem;color:var(--muted);display:grid;gap:.35rem;background:var(--pit)}
        .site-footer b{color:var(--bone);font-weight:500}
        .site-footer a:hover{color:var(--ore-hi)}

        /* reveal + quick contact (carried over from the previous build) */
        .reveal{opacity:0;transform:translateY(28px);transition:opacity 700ms ease,transform 700ms ease}
        .reveal.is-visible{opacity:1;transform:translateY(0)}
        .quick-contact{position:fixed;right:1.5rem;bottom:1.5rem;z-index:45;display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.35rem;background:var(--ore);color:#150F0A;font-size:.8rem;font-weight:600;letter-spacing:.04em;box-shadow:0 14px 30px rgba(192,112,58,.4);transition:transform 200ms ease,background 200ms ease}
        .quick-contact:hover{background:var(--ore-hi);transform:translateY(-2px)}
        .quick-contact-icon{width:1.05rem;height:1.05rem;flex-shrink:0}
        body.nav-open .quick-contact{display:none}

        @media (prefers-reduced-motion: reduce){
            html{scroll-behavior:auto}
            .anim{stroke-dashoffset:0;animation:none}
            .fade{opacity:1;animation:none}
            .stage,.st,.reveal{transition:none}
            .reveal{opacity:1;transform:none}
        }

        @media (max-width:960px){
            :root{--navbar-height:3.75rem}
            body.nav-open{overflow:hidden}
            .photobuddy_fl_vertical_menu_in{padding:0 1.25rem;gap:.75rem}
            .photobuddy_fl_logo img{height:1.75rem}
            .photobuddy_fl_vertical_menu_nav_list{position:fixed;left:0;right:0;top:var(--navbar-height);height:auto;max-height:calc(100vh - var(--navbar-height));overflow-y:auto;flex:none;background:rgba(23,20,18,.98);backdrop-filter:blur(18px);border-top:1px solid var(--on-dark-rule);border-bottom:1px solid var(--on-dark-rule);box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-.5rem);pointer-events:none;transition:opacity 220ms ease,transform 220ms ease,visibility 220ms;padding:1.25rem 1.5rem .5rem;z-index:39}
            .photobuddy_fl_vertical_menu.is-open .photobuddy_fl_vertical_menu_nav_list{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
            .photobuddy_fl_vertical_menu_nav_list>ul{display:flex;flex-direction:column;gap:0;height:auto}
            .photobuddy_fl_vertical_menu_nav_list>ul>li{display:block}
            .photobuddy_fl_vertical_menu_nav_list a{display:block;padding:.85rem 0;font-size:.85rem;border-bottom:1px solid var(--on-dark-rule)}
            .photobuddy_fl_vertical_menu_nav_list li:last-child>a{border-bottom:none}
            .photobuddy_fl_vertical_menu_nav_list a.active::before{display:none}
            .dropdown{position:relative;display:block;border-bottom:1px solid var(--on-dark-rule)}
            .dropdown>a{display:inline-block;max-width:calc(100% - 2.5rem);border-bottom:none}
            .submenu-toggle{position:absolute;top:.35rem;right:0;width:2.5rem;height:2.5rem;margin-left:0}
            .submenu-toggle::before{margin-top:0}
            .dropdown-menu{position:static;display:none;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:0;padding:0 0 .75rem 1rem;background:transparent;border:none;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto}
            .dropdown.is-open .dropdown-menu{display:flex}
            .dropdown-menu a{padding:.6rem 0;font-size:.78rem}
            .photobuddy_fl_copyright{display:block;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--on-dark-rule);max-width:none;color:var(--on-dark-muted)}
            .nav-backdrop{display:block;position:fixed;left:0;right:0;bottom:0;top:var(--navbar-height);background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity 220ms ease;z-index:38}
            .nav-backdrop.is-open{opacity:1;pointer-events:auto}
            .photobuddy_fl_menu_trigger{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;margin-left:auto;background:transparent;border:none;padding:0;cursor:pointer;flex-shrink:0}
            .menu_on{position:relative;display:block;width:1.25rem;height:.73rem}
            .menu_on span{position:absolute;left:0;display:block;width:1.25rem;height:2px;background:var(--on-dark);transition:transform 220ms ease,opacity 220ms ease}
            .menu_a{top:0}
            .menu_b{top:50%;margin-top:-1px}
            .menu_c{bottom:0}
            .photobuddy_fl_menu_trigger.is-open .menu_a{transform:translateY(.365rem) rotate(45deg)}
            .photobuddy_fl_menu_trigger.is-open .menu_b{opacity:0}
            .photobuddy_fl_menu_trigger.is-open .menu_c{transform:translateY(-.365rem) rotate(-45deg)}
            .quick-contact{right:1rem;bottom:1rem;padding:.85rem;border-radius:50%}
            .quick-contact-text{display:none}
        }
    
/* Reference typography takes precedence over the older utility font families. */
body.reference-home { --navbar-height:5rem; }
body.reference-home header, body.reference-home .mobile-nav { font-family:"Times New Roman",Times,serif; font-size:16px; line-height:1.5; }
body.reference-home main [class*="font-"]:not(.material-symbols-outlined) { font-family:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif; }
body.reference-home h1,body.reference-home h2,body.reference-home h3,body.reference-home :is(h1,h2,h3)[class],body.reference-home .stage-title,body.reference-home .num,body.reference-home .sym { font-family:"Big Shoulders Display","Arial Narrow",sans-serif; }
body.reference-home h2 { text-transform:none; letter-spacing:0; font-weight:600; }
body.reference-home :is(h1,h2,h3)[class*="font-"]:not(.material-symbols-outlined) { font-family:"Big Shoulders Display","Arial Narrow",sans-serif; }
body.reference-home .reveal { opacity:1; transform:none; }
body.reference-home .hero h1 { margin:0; }
body.reference-home .btn-p { color:#fff; }
body.reference-home .st { text-align:left; color:var(--bone); font:inherit; cursor:pointer; }
body.reference-home .st .stage-title { font-size:1.65rem; line-height:.9; font-weight:600; }
body.reference-home .st p { margin:0; }
body.reference-home .shot { margin:0; }
body.reference-home .shot img { filter:none; }
body.reference-home .shot figcaption { color:#fff; background:linear-gradient(transparent,rgba(14,12,11,.96)); padding:2rem 1rem 1rem; }
body.reference-home .shot figcaption b { color:#fff; }
body.reference-home .photobuddy_fl_logo img { max-width:none; }
body.reference-home .hybrid-section { padding:5rem var(--pad); }
body.reference-home .hybrid-section > div { max-width:none; margin:0; padding:0; }
body.reference-home .hybrid-capabilities { background:var(--strata); }
body.reference-home .hybrid-projects { background:var(--seam); }
body.reference-home .hybrid-section h3 { text-transform:none; font-size:1.8rem; line-height:1.05; }
body.reference-home .hybrid-section :is(.text-label-mono-structural,.text-caption-technical) { font-size:.75rem; line-height:1.5; }
body.reference-home .hybrid-section .text-body-regular { font-size:.95rem; line-height:1.65; }
body.reference-home .hybrid-section h2 { font-size:clamp(1.9rem,4.4vw,3.6rem); line-height:.95; margin-bottom:1rem; }
body.reference-home .hybrid-enquiry { display:grid; grid-template-columns:1fr 1.15fr; gap:5vw; padding:6rem var(--pad); background:var(--strata); }
body.reference-home .hybrid-enquiry h2 { font-size:clamp(2.8rem,6.6vw,6rem); line-height:.9; max-width:13ch; margin-bottom:1.5rem; }
body.reference-home .hybrid-enquiry p { max-width:45ch; color:var(--muted); }
body.reference-home .hybrid-enquiry .kicker { color:#8b3d14; font-size:.85rem; margin-bottom:1rem; }
body.reference-home .enquiry-contact { display:flex; flex-direction:column; gap:.35rem; margin:1.5rem 0; color:#8b3d14; }
body.reference-home .enquiry-form { background:var(--seam); padding:2rem; border:1px solid var(--rule); }
body.reference-home .enquiry-form input:not([type="checkbox"]):not([type="hidden"]),body.reference-home .enquiry-form select,body.reference-home .enquiry-form textarea { width:100%; min-height:44px; border:1px solid #d8d2c6; padding:.65rem; font:inherit; font-size:.875rem; }
body.reference-home .enquiry-form textarea { min-height:120px; }
body.reference-home .enquiry-form label { font-size:.7rem; line-height:1.5; }
body.reference-home .enquiry-form button { min-height:48px; }
body.reference-home .enquiry-form .intake-status { color:#8b3d14; }
body.reference-home .site-footer { background:var(--pit); }
@media(max-width:960px) {
 body.reference-home .hybrid-enquiry { grid-template-columns:1fr; gap:2rem; }
 body.reference-home .hybrid-section { padding:3.5rem var(--pad); }
 body.reference-home .hybrid-enquiry { padding:3.5rem var(--pad); }
 body.reference-home .quick-contact { border-radius:0; padding:.75rem 1rem; }
 body.reference-home .enquiry-form { padding:1.25rem; }
}