@charset "UTF-8";
:root{--paper:#f6f4ed;--ink:#293c3d;--muted:#596461;--line:#ccd1c7;--blue:#456976;--serif:"Libre Caslon Display",Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;--sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}a:hover{color:#75633e}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}p{line-height:1.65}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;top:0;left:24px;transform:translateY(-150%);z-index:10;background:var(--paper);padding:15px}.skip-link:focus{transform:translateY(0)}.header{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:25px;letter-spacing:-.8px}.brand svg{width:29px;height:39px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.brand-small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:1.65px;margin-top:5px}.header nav,.footer nav{display:flex;gap:32px;font-size:13px}.header nav a{padding:12px 0}.hero{padding-top:65px}.hero-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end;padding-bottom:49px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:500}.tiny-star{font-size:16px;vertical-align:-1px;margin-right:8px;color:#8b743e}h1{font-size:clamp(52px,5.9vw,82px);line-height:1.04;letter-spacing:-3.8px;margin-top:25px}h1 em{font-weight:400}.hero-intro{max-width:318px;padding-bottom:7px}.hero-intro p{font-size:16px;color:var(--muted);line-height:1.7}.button{display:inline-flex;align-items:center;gap:43px;border:1px solid #7c979e;border-radius:4px;padding:13px 17px;font-size:13px;margin-top:26px;transition:background .2s}.button:hover{background:#e7ebe4;color:var(--ink)}.button span{font-size:19px}.landscape{position:relative}.landscape img{display:block;width:100%;height:470px;object-fit:cover;object-position:center 53%;border-radius:5px}.landscape figcaption{display:flex;justify-content:space-between;padding-top:14px;font-size:11px;letter-spacing:.2px;color:var(--muted)}.caption-number{font-size:9px;letter-spacing:1.5px}.work{padding-block:109px 96px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:50px}.section-heading>.eyebrow{padding-top:10px}h2{font-size:48px;line-height:1.1;letter-spacing:-1.7px}.section-description{font-size:15px;color:var(--muted);margin-top:24px}.project{border-top:1px solid var(--line);display:grid;grid-template-columns:80px 1fr 245px;gap:20px;align-items:center;padding:35px 0;min-height:138px}.project:last-child{border-bottom:1px solid var(--line)}.project-index{font-size:11px;color:var(--muted)}.project-identity{display:flex;align-items:center;gap:26px}h3{font-size:34px;letter-spacing:-1px}h3 small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:8px}.project-mark{width:60px;height:64px;display:grid;place-items:center;flex-shrink:0}.spark{font-family:Georgia,serif;font-size:63px;color:#8b793f}.chamber{background:#e4e8df;border-radius:32px 32px 2px 2px;width:43px;height:54px;margin-inline:8.5px}.chamber span{border:1px solid #667664;border-bottom:none;border-radius:24px 24px 0 0;width:21px;height:37px;align-self:end}.time{border:1px solid #6d8893;border-radius:50%;width:50px;height:50px;margin-inline:5px;position:relative}.time:before{content:"";position:absolute;width:1px;height:16px;background:#6d8893;top:8px;left:24px}.time span{position:absolute;height:1px;width:14px;background:#6d8893;left:24px;top:24px;transform:rotate(24deg);transform-origin:left}.status{display:flex;align-items:center;gap:8px;font-size:11px;color:#3f564f}.status i{width:5px;height:5px;background:#6f8370;border-radius:50%}.project-status p{font-size:11px;color:var(--muted);margin-top:10px}.work-note{font-size:12px;color:var(--muted);margin-top:24px}.about{background:#e9ede5;border-top:1px solid #d7ddd1;border-bottom:1px solid #d7ddd1;padding-block:87px 94px}.about-grid{display:grid;grid-template-columns:1fr 1.4fr .6fr;gap:30px}.about-grid>.eyebrow{padding-top:10px}.about-copy h2{font-size:43px}.about-copy p{font-size:15px;color:#4c5d55;margin-top:24px;max-width:430px}.about-copy p+p{margin-top:16px}.text-link{display:inline-flex;gap:35px;font-size:12px;border-bottom:1px solid #95a394;padding-block:10px;margin-top:21px}.beacon-art{position:relative;align-self:center;display:flex;align-items:center;flex-direction:column;justify-content:center;height:245px}.beacon-art svg{width:85px;height:136px;stroke:#6c7c69;stroke-width:1;fill:none;z-index:1}.beacon-art .light{stroke:#a48e56}.beacon-art>span{font-size:8px;letter-spacing:2px;position:absolute;bottom:0;color:#5c6b5b}.orbit{position:absolute;border:1px solid #d0d8ca;border-radius:50%;width:200px;height:200px}.orbit-two{width:155px;height:155px}.footer{padding-block:64px 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px}.footer-brand{font-family:var(--serif);font-size:42px;letter-spacing:-1.5px}.footer-star{font-size:26px;display:inline-block;margin-left:20px;color:#8b793f}.back-top{font-size:12px;display:flex;gap:20px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:10px}.footer nav{font-size:10px;gap:20px}
@media(min-width:1600px){.landscape img{height:510px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-copy{gap:35px;grid-template-columns:1.3fr 1fr}h1{font-size:65px}.hero-intro p{font-size:14px}.landscape img{height:400px}.project{grid-template-columns:40px 1fr 200px}.project-identity{gap:18px}h3{font-size:29px}.about-grid{grid-template-columns:.65fr 1.5fr .7fr}.orbit{width:150px;height:150px}.orbit-two{width:115px;height:115px}.about-copy h2{font-size:38px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:93px}.brand{font-size:21px;gap:9px}.brand svg{width:23px}.brand-small{font-size:6px;letter-spacing:1.3px}.header nav{gap:17px;font-size:11px}.hero{padding-top:43px}.hero-copy{grid-template-columns:1fr;gap:24px;padding-bottom:31px}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:59px;letter-spacing:-2.8px;margin-top:20px}.hero-intro{max-width:300px;padding:0}.hero-intro p{font-size:14px}.button{margin-top:20px;padding:11px 15px}.landscape img{height:350px;object-position:72% center}.landscape figcaption{font-size:9px;gap:10px;line-height:1.6}.caption-number{font-size:7px;letter-spacing:1px}.work{padding-block:67px 60px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:33px}h2{font-size:39px;letter-spacing:-1.5px}.section-description{font-size:14px;margin-top:20px}.desktop-break{display:none}.project{grid-template-columns:22px 1fr;gap:13px;padding:26px 0}.project-index{align-self:start;padding-top:19px}.project-identity{gap:18px}h3{font-size:28px}.project-mark{transform:scale(.8)}.project-status{grid-column:2;margin-left:78px;margin-top:2px}.project-status p{font-size:10px;margin-top:7px}.status{font-size:10px}.work-note{font-size:11px;margin-top:20px}.about{padding-block:51px 55px}.about-grid{grid-template-columns:1fr;gap:27px}.about-copy h2{font-size:38px}.about-copy p{font-size:14px}.beacon-art{height:180px;margin-top:6px}.beacon-art>span{bottom:-4px}.footer{padding-block:43px 24px}.footer-top{display:block;padding-bottom:30px}.footer-brand{font-size:34px}.footer-star{font-size:22px;margin-left:13px}.back-top{margin-top:25px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:9px}.footer-bottom>p:nth-child(2){display:none}.footer nav{font-size:9px;margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A small typographic echo of the original Laithaus storefront. */
.eyebrow,.caption-number,.project-index{font-family:"VT323",monospace;font-size:15px;letter-spacing:1px}.caption-number{font-size:12px}.project-index{font-size:17px}@media(max-width:700px){.eyebrow{font-size:14px}.caption-number{font-size:10px}.project-index{font-size:15px}}

/* Official supplied identity; original source assets are retained in assets/. */
.brand{display:flex;flex-direction:column;align-items:center;gap:5px}.brand img{display:block;width:190px;height:auto}.brand-small{margin:0;font-size:7px;letter-spacing:1.5px}.header{height:135px}.footer-brand img{display:block;width:260px;height:auto}.brand-art{align-self:center;justify-self:center;width:210px;max-width:100%;aspect-ratio:1;background:#97bbef}.brand-art img{display:block;width:100%;height:auto}.button{border-color:#7b9bc5}.button:hover{background:#e6edf6}.about{background:#edf0f3;border-color:#d5dee7}.tiny-star{color:#5677a3}@media(max-width:1000px){.brand-art{width:170px}}@media(max-width:700px){.header{height:115px}.brand img{width:145px}.brand-small{font-size:5.5px;letter-spacing:1px}.header nav{gap:15px}.brand-art{width:220px;margin-top:5px}.footer-brand img{width:235px}}@media(max-width:360px){.brand img{width:125px}.header nav{gap:10px;font-size:10px}}

/* Header uses the standalone lettering, with the company tagline below. */
.brand{gap:12px}

/* Compact pronunciation signature, without a subtitle. */
.header .brand img{width:125px}.header{height:100px}@media(max-width:700px){.header .brand img{width:108px}.header{height:86px}}

/* Navigation carries the former hero eyebrow typography. */
.header nav{font-family:"VT323",monospace;font-size:20px;letter-spacing:.7px}.hero h1{margin-top:0}@media(max-width:700px){.header nav{font-size:18px;letter-spacing:.4px}}@media(max-width:360px){.header nav{font-size:17px}}

/* Immersive coastal wallpaper: the landscape continues behind every section. */
:root{--paper:#173b43;--ink:#f6f4ed;--muted:#e0e8e3;--line:rgba(237,245,233,.3);--blue:#c6dbeb}
body{background:#173b43;isolation:isolate}.site-wallpaper{position:fixed;inset:0;z-index:-2;pointer-events:none}.site-wallpaper img{width:100%;height:100%;object-fit:cover;object-position:center}.site-wallpaper:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,35,.49),rgba(5,27,35,.09) 75%)}
.header{border-bottom-color:rgba(235,244,234,.35);height:100px}.header nav a{color:#fff;text-shadow:0 1px 6px #183039}.brand img{opacity:1}.hero{padding-top:65px;min-height:calc(100svh - 100px);padding-bottom:60px;display:flex;align-items:center}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:45px;padding-bottom:0;width:100%;min-height:510px}.hero h1{font-size:clamp(65px,6.7vw,96px);letter-spacing:-3px;line-height:1.03;text-shadow:0 2px 15px rgba(7,27,33,.15)}.hero-intro{padding:25px 28px;max-width:390px;border:1px solid rgba(241,249,236,.36);border-radius:12px;background:rgba(16,46,54,.45);backdrop-filter:blur(15px)}.hero-intro p{color:#fff;font-size:15px}.button{border-color:rgba(240,246,232,.75);color:#fff;margin-top:21px}.button:hover{background:rgba(242,249,237,.15);color:#fff}.work{padding:75px 48px 55px;background:rgba(12,36,43,.82);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;margin-top:35px;margin-bottom:80px}.section-description,.work-note,.project-status p,.project-index{color:#dde7df}.status{color:#eaf2e4}.status i{background:#bbcf98}.spark{color:#d9d49b}.chamber{background:#c3cfb8}.time{border-color:#b7d1dd}.time:before,.time span{background:#b7d1dd}.about{padding:75px 0;background:rgba(14,37,45,.78);backdrop-filter:blur(14px);border-block:1px solid var(--line)}.about-copy p{color:#e0e8e3}.text-link{border-color:#a5b6b5}.brand-art{opacity:.94}.footer{padding-top:65px;padding-bottom:30px}.footer-top,.footer-bottom{text-shadow:0 1px 5px #102b34}.footer-bottom{color:#f1f3e9}.footer{position:relative}.footer:before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);background:rgba(8,28,36,.72);z-index:-1}a:hover{color:#d8e7b4}.skip-link{background:#173b43}.header a:focus-visible,a:focus-visible{outline-color:#e9efd3}
@media(max-width:1000px){.hero h1{font-size:72px}.hero-copy{min-height:490px}.work{padding-inline:32px}.project{grid-template-columns:28px 1fr 180px}}
@media(max-width:700px){.site-wallpaper img{object-position:87% center}.site-wallpaper:after{background:linear-gradient(90deg,rgba(5,27,35,.55),rgba(5,27,35,.15))}.header{height:86px}.hero{min-height:calc(100svh - 86px);padding-top:44px;padding-bottom:35px;align-items:stretch}.hero-copy{min-height:570px;gap:190px;justify-content:space-between}.hero h1{font-size:58px;letter-spacing:-2.5px}.hero-intro{max-width:100%;width:100%;padding:22px;background:rgba(12,39,48,.69)}.hero-intro p{font-size:14px}.work{margin-top:30px;margin-bottom:45px;padding:38px 22px;border-radius:12px}.project{grid-template-columns:17px 1fr;gap:8px}.project-identity{gap:9px}.project-status{margin-left:69px}.project h3{font-size:26px}.project h3 small{font-size:9px;letter-spacing:1.5px}.project-mark{width:50px}.chamber{width:33px}.time{width:40px;height:40px}.time:before{left:19px;top:5px;height:14px}.time span{left:19px;top:19px}.section-heading{gap:20px}.work h2{font-size:37px}.about{padding-block:48px}.footer{padding-block:42px 26px}.footer-bottom{font-size:9px}.footer nav{margin-left:0}.footer-brand img{width:215px}}
@media(prefers-reduced-transparency:reduce){.hero-intro,.work,.about{background:#173b43;backdrop-filter:none}}

/* Portfolio: studio-owned products and projects for other businesses. */
.work-category{font-family:var(--sans);font-size:13px;letter-spacing:.3px;margin:0 0 22px}.business-work{margin-top:62px;padding-top:40px;border-top:1px solid var(--line)}.business-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:29px}.business-heading h3{font-size:32px;letter-spacing:-.8px}.business-heading>p{font-size:12px;color:var(--muted);max-width:300px}.business-projects{display:grid;grid-template-columns:1fr 1fr;gap:36px}.business-project{border-top:1px solid var(--line);padding-top:27px}.business-project h4{font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:-.8px;margin:18px 0}.business-project>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7;max-width:410px}.business-project .eyebrow{font-size:14px;letter-spacing:.65px}.business-project .text-link{margin-top:16px}.business-project{display:flex;flex-direction:column;align-items:flex-start}.business-project .text-link{margin-top:auto;padding-top:25px}.business-project>p:not(.eyebrow){margin-bottom:0}
@media(max-width:700px){.business-work{margin-top:40px;padding-top:30px}.business-heading{display:block;margin-bottom:26px}.business-heading h3{font-size:30px}.business-heading>p{margin-top:13px;font-size:12px}.business-projects{grid-template-columns:1fr;gap:32px}.business-project h4{font-size:30px}.business-project>p:not(.eyebrow){font-size:13px}.business-project .eyebrow{font-size:12px;letter-spacing:.5px}}