*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #e0e1da;--olive: #474f09;--white: #ffffff;--cream: var(--bg);--warm-white: var(--bg);--near-black: var(--olive);--mid: var(--olive);--faded: var(--olive);--on-dark: var(--white);--on-dark-mid: var(--white);--on-dark-dim: var(--white);--forest: var(--olive);--sage: rgba(71, 79, 9, .55);--sage-dim: rgba(71, 79, 9, .42);--teal: var(--olive);--hairline: rgba(71, 79, 9, .15);--hairline-dark: rgba(255, 255, 255, .15);--font-display: "Jost", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "DM Mono", monospace;--section-pad: clamp(5rem, 9vw, 10rem);--container-max: 1400px;--gutter: clamp(1.5rem, 4vw, 4rem);--radius-card: .75rem;--radius-control: .5rem;--radius-round: 999px}html{scroll-behavior:smooth;font-size:16px}body{background:var(--cream);color:var(--near-black);font-family:var(--font-body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,[role=button]{border-radius:var(--radius-control)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}.label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mid)}.section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:clamp(3rem,5vw,5rem);padding-bottom:1.25rem;border-bottom:1px solid var(--hairline)}.section-title{font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;letter-spacing:-.01em;color:var(--near-black)}.section-counter{font-family:var(--font-mono);font-size:.65rem;color:var(--mid);letter-spacing:.1em}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--cream);border-bottom:1px solid var(--hairline);padding:0 var(--gutter);height:58px;display:flex;align-items:center;justify-content:space-between}.nav--scrolled{background:color-mix(in srgb,var(--cream) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-logo{font-family:var(--font-display);font-size:1.35rem;color:var(--near-black);text-decoration:none;letter-spacing:-.02em;line-height:1}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.62rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--near-black);text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-linkedin:hover,.nav-mobile a:hover{color:var(--forest)}.nav-linkedin{display:flex;align-items:center;color:var(--near-black);transition:color .2s}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.nav-hamburger span{display:block;width:22px;height:1px;background:var(--near-black);transition:all .3s;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-mobile{display:none;position:fixed;top:58px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--hairline);padding:2rem var(--gutter);flex-direction:column;align-items:center;gap:1.75rem;z-index:99}.nav-mobile.open{display:flex}.nav-mobile a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--near-black);text-decoration:none;text-align:center;transition:color .2s}.nav-mobile-socials{position:absolute;bottom:2rem;display:flex;gap:1.25rem}.nav-mobile-socials a{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid currentColor;border-radius:50%}.nav-mobile-socials svg{width:1.2rem;height:1.2rem}.nav--scheduler,.nav--scheduler.nav--scrolled,.nav-mobile--scheduler{background:#1e3037;border-color:#e0e1da3b;backdrop-filter:none;-webkit-backdrop-filter:none}.nav--scheduler .nav-logo,.nav--scheduler .nav-links a,.nav--scheduler .nav-linkedin,.nav-mobile--scheduler a{color:var(--on-dark)}.nav--scheduler .nav-hamburger span{background:var(--on-dark)}.nav--art,.nav--art.nav--scrolled,.nav-mobile--art{background:#222e3d;border-color:#f8fbfd33;backdrop-filter:none;-webkit-backdrop-filter:none}.nav--art .nav-logo,.nav--art .nav-links a,.nav--art .nav-linkedin,.nav-mobile--art a{color:#f8fbfd}.nav--art .nav-hamburger span{background:#f8fbfd}.nav--books,.nav--books.nav--scrolled,.nav-mobile--books{background:var(--forest);border-color:#fff3;backdrop-filter:none;-webkit-backdrop-filter:none}.nav--books .nav-logo,.nav--books .nav-links a,.nav--books .nav-linkedin,.nav-mobile--books a{color:var(--white)}.nav--books .nav-hamburger span{background:var(--white)}@media (max-width: 900px){.nav-mobile.open{top:58px;right:0;bottom:0;left:0;min-height:calc(100dvh - 58px);justify-content:center;overflow-y:auto}}.footer{background:var(--olive);border-top:1px solid var(--hairline-dark);padding:1.5rem var(--gutter);display:flex;align-items:center;justify-content:space-between}.footer-left,.footer-right{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-mid)}.page-header{padding:calc(var(--section-pad) + 4rem) 0 var(--section-pad);border-bottom:1px solid var(--hairline)}.page-header-label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mid);margin-bottom:1.5rem}.page-header-title{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,8rem);font-weight:800;line-height:.95;color:var(--near-black);margin-bottom:2rem}.page-header-title em{font-style:normal;color:var(--forest)}.project-title-wordmark .project-title-accent{font-weight:900}.project-title-wordmark .project-title-rest{font-weight:500}.page-header-sub{font-family:var(--font-body);font-size:1rem;color:var(--mid);max-width:38ch}.books-back{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);text-decoration:none;transition:color .2s}.books-back:hover{color:var(--near-black)}.project-tag{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border:1px solid var(--hairline);color:var(--near-black);transition:border-color .35s,color .35s,background-color .35s}@media (max-width: 900px){.nav-links{display:none}.nav-hamburger{display:flex}}.hero{min-height:100vh;padding-top:58px;position:relative;overflow:hidden;background:var(--cream) url(/assets/Portfolio_Background-QaqAG8aa.png) center / cover no-repeat}.hero-inner{position:relative;min-height:calc(100vh - 58px);width:100%}.hero-photo{position:absolute;left:0;top:0;bottom:0;width:clamp(320px,46vw,700px);z-index:1;pointer-events:none}.hero-photo img{width:100%;height:100%;object-fit:contain;object-position:left bottom;display:block;filter:grayscale(100%) contrast(1.35) brightness(1.05);mix-blend-mode:normal}.work{padding:var(--section-pad) 0;border-top:1px solid var(--hairline)}.work-header{border-bottom:0}.project-feature{position:relative;border:1px solid var(--hairline);border-radius:var(--radius-card);padding:clamp(2rem,4vw,4rem);margin-bottom:2px;overflow:hidden;cursor:pointer;transition:background-color .35s,border-color .35s,color .35s}.project-feature:hover{background:var(--forest);border-color:var(--forest)}.project-number-bg{position:absolute;right:2rem;top:1.25rem;font-family:var(--font-display);font-size:clamp(5rem,8vw,8rem);color:transparent;-webkit-text-stroke:1px var(--hairline);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:-webkit-text-stroke-color .35s,transform .5s ease;transform-origin:top right}.project-feature:hover .project-number-bg{-webkit-text-stroke-color:var(--hairline-dark);transform:scale(6)}.project-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.project-meta-divider{color:var(--hairline);transition:color .35s}.project-num,.project-type{font-family:var(--font-mono);font-size:.62rem;color:var(--mid);transition:color .35s}.project-num{letter-spacing:.15em}.project-type{letter-spacing:.1em;text-transform:uppercase}.project-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,7.5rem);font-weight:800;letter-spacing:-.025em;line-height:1;margin-bottom:1.25rem;position:relative;z-index:2;transition:color .35s}.project-desc{font-size:.875rem;color:var(--mid);max-width:520px;line-height:1.75;margin-bottom:1.75rem;position:relative;z-index:2;transition:color .35s}.project-tags{display:flex;flex-wrap:wrap;margin-bottom:2rem;position:relative;z-index:2}.project-feature .project-tag{padding:0;border:0;font-size:.62rem;line-height:1.5;color:var(--near-black)}.project-feature .project-tag:not(:last-child):after{content:"/";margin:0 .8rem;color:var(--sage)}.project-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:2}.project-link{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;z-index:2;transition:gap .2s,color .35s}.project-link:hover{gap:.85rem}.project-feature:hover .project-num,.project-feature:hover .project-type,.project-feature:hover .project-meta-divider,.project-feature:hover .project-title,.project-feature:hover .project-desc,.project-feature:hover .project-link{color:var(--on-dark)}.project-feature:hover .project-tag{color:var(--on-dark);background:transparent}.project-feature:hover .project-tag:not(:last-child):after{color:var(--on-dark)}.project-link--ghost{background:transparent;color:var(--mid);border:1px solid var(--hairline);border-radius:var(--radius-control);padding:.6rem 1.2rem;transition:color .35s,border-color .35s,background-color .35s}.project-link--ghost:hover{color:var(--near-black);border-color:var(--near-black);background:transparent}.project-feature:hover .project-link--ghost{color:var(--on-dark);border-color:var(--white)}.about{padding:var(--section-pad) 0;background:var(--olive);color:var(--on-dark);border-top:0}.about .label{color:#ffffffb8}.about .section-title{color:var(--on-dark)}.about-inner{display:grid;grid-template-columns:220px 1fr;gap:clamp(3rem,7vw,9rem);align-items:start}.about-left{position:sticky;top:80px}.about-left-header{display:flex;flex-direction:column;gap:1rem}.about-left-rule{width:1px;height:60px;background:#ffffff4d;margin:.75rem 0}.about-right p{font-size:clamp(.875rem,1.15vw,.975rem);line-height:1.85;color:#ffffffdb;margin-bottom:1.25rem;font-weight:300}.about-right p:first-child{font-size:clamp(1rem,1.5vw,1.15rem);font-family:var(--font-display);font-weight:500;color:var(--on-dark);margin-bottom:2rem;line-height:1.6}.skills-header{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;margin-top:3rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.3)}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,3.5rem)}.skill-group h4{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;margin-bottom:.75rem}.skill-group ul{list-style:none}.skill-group ul li{font-size:.82rem;color:var(--on-dark);padding:.2rem 0;font-weight:300}@media (max-width: 1050px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.beyond{padding:clamp(3.5rem,6vw,6.5rem) 0;background:var(--cream) url(/assets/Beyond_Code-BO65qouF.png) center / cover no-repeat}.beyond-inner{display:grid;gap:clamp(2.5rem,5vw,4rem)}.beyond-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mid);display:block;margin-bottom:1.5rem}.beyond-intro{max-width:31rem}.beyond-intro h2{max-width:8ch;font-family:var(--font-display);font-size:clamp(2.8rem,11vw,5.5rem);font-weight:800;letter-spacing:-.05em;line-height:.93;color:var(--forest)}.beyond-intro p{max-width:33ch;margin-top:1.5rem;font-size:clamp(.86rem,2.8vw,1rem);line-height:1.6;color:var(--mid)}.beyond-cards{display:grid;grid-template-columns:1fr;gap:1rem}.beyond-card{position:relative;aspect-ratio:1.5;padding:clamp(1.35rem,4vw,2rem);border:1px solid rgba(71,79,9,.22);background-color:var(--cream);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .25s ease,transform .25s ease;display:block}.beyond-card:hover{border-color:var(--forest);transform:translateY(-3px)}.beyond-card:focus-visible{outline:2px solid var(--forest);outline-offset:3px}.beyond-card--books{background-image:url(/assets/Books-flxPJVmL.png)}.beyond-card--art{background-image:url(/assets/Paint-D4uAuS9s.png)}.beyond-card-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}.beyond-card-title{font-family:var(--font-display);font-size:clamp(2rem,7vw,3rem);font-weight:700;color:var(--near-black);margin-top:clamp(1.1rem,4vw,2rem);margin-bottom:.75rem;letter-spacing:-.04em;line-height:.95}.beyond-card-desc{max-width:23ch;font-size:clamp(.75rem,2.5vw,.86rem);color:var(--mid);line-height:1.65;font-weight:300}.beyond-card-arrow{position:absolute;bottom:clamp(1.1rem,3vw,1.75rem);left:clamp(1.35rem,4vw,2rem);font-family:var(--font-mono);font-size:1.75rem;font-variant-emoji:text;line-height:1;color:var(--forest)}.contact{background:var(--olive);color:var(--on-dark);padding:var(--section-pad) 0}.contact .section-title{color:var(--on-dark)}.contact .section-counter{color:var(--on-dark-mid)}.contact .section-header{border-bottom-color:var(--hairline-dark)}.contact-heading{font-family:var(--font-display);font-size:clamp(2.75rem,7vw,8rem);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--on-dark);margin-bottom:clamp(3rem,6vw,6rem)}.contact-heading span{color:var(--sage)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,9rem);align-items:start}.form-group{margin-bottom:1.75rem}.form-group label{display:block;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-mid);margin-bottom:.75rem}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--hairline-dark);color:var(--on-dark);font-family:var(--font-body);font-size:.9rem;font-weight:300;padding:.75rem 0;outline:none;transition:border-color .25s;-webkit-appearance:none;border-radius:0}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--on-dark-dim)}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--sage)}.form-group textarea{resize:none;height:110px}.form-submit{background:transparent;border:1px solid var(--on-dark);border-radius:var(--radius-control);color:var(--on-dark);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2.5rem;cursor:pointer;transition:background .25s,color .25s;margin-top:.5rem}.form-submit:hover{background:var(--on-dark);color:var(--near-black)}.contact-info{padding-top:.25rem}.contact-info-label{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-mid);margin-bottom:1.75rem}.contact-socials{display:flex;gap:1.25rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--hairline-dark)}.contact-social-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--on-dark);text-decoration:none}.contact-social-icon:focus-visible{color:var(--on-dark)}.contact-social-icon:focus-visible{outline:1px solid var(--sage);outline-offset:.4rem}.contact-availability{font-size:.82rem;color:var(--on-bg);line-height:1.7;font-weight:300}.contact-availability strong{color:var(--sage);font-weight:400}.form-success{padding:2rem 0}.form-success-title{font-family:var(--font-display);font-size:1.75rem;color:var(--sage);margin-bottom:.75rem}.form-success-sub{color:var(--on-dark-mid);font-size:.875rem}@media (min-width: 1100px){.about-inner{grid-template-columns:220px minmax(0,1fr) 220px}.about-right{grid-column:2}}@media (min-width: 960px){.beyond-inner{grid-template-columns:minmax(15rem,.85fr) minmax(0,2fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.beyond-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.about-inner{grid-template-columns:1fr;gap:2rem}.about-left{position:static}.contact-inner{grid-template-columns:1fr}}@media (max-width: 600px){.hero{min-height:100svh;background-image:url(/assets/Portfolio_Background_Mobile-CQKOgXk9.png)}.hero-inner{min-height:calc(100svh - 58px)}.hero-photo{position:absolute;left:0;bottom:0;top:auto;width:62vw;height:auto}.hero-photo img{width:100%;height:auto;object-fit:initial;object-position:left top;margin-left:0;mix-blend-mode:screen}.project-feature{padding-top:5rem}.project-number-bg{top:1rem;right:1.25rem;font-size:4rem}.beyond-cards{flex-wrap:wrap}.beyond-card{max-width:100%;flex:1 1 100%}.skills-grid{grid-template-columns:1fr}}.page-books{background:var(--bg);min-height:100vh}.books-hero{background:var(--forest);color:var(--white);padding:clamp(9rem,17vw,14rem) 0 clamp(4rem,8vw,7rem)}.books-hero-label,.book-entry-number{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.books-hero-label{color:#ffffffad;margin-bottom:clamp(2.5rem,6vw,5rem)}.books-hero-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(15rem,.6fr);align-items:end;gap:3rem}.books-hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,8.75rem);font-weight:800;letter-spacing:-.065em;line-height:.84}.books-hero-title em{font-style:italic;font-weight:500}.books-hero-sub{font-family:var(--font-body);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.55;color:#ffffffc7;max-width:30ch;padding-bottom:.4rem}.books-list{display:grid;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(3.5rem,8vw,7rem) 0 1.25rem}.book-entry{position:relative;display:grid;grid-template-columns:5.5rem minmax(0,1fr) minmax(10rem,15.5rem);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:clamp(2rem,5vw,4.25rem);border-radius:var(--radius-card);overflow:hidden}.book-entry--dark{background:#20281a;color:#f8fbfd}.book-entry--olive{background:#7f1308;color:#fffef8}.book-entry-number{align-self:start;padding-top:.45rem;color:#ffffff9e;writing-mode:vertical-rl;transform:rotate(180deg)}.book-entry-body{position:relative;z-index:1}.book-entry-top{margin-bottom:clamp(1.5rem,3vw,2.25rem)}.book-entry-title{font-family:var(--font-display);font-size:clamp(2.25rem,4.4vw,4.2rem);font-weight:800;letter-spacing:-.055em;line-height:.9;color:inherit}.book-entry-cover-group{justify-self:end;width:min(100%,15.5rem)}.book-status{display:flex;width:max-content;margin:.8rem auto 0;border:1px solid rgba(255,255,255,.42);border-radius:var(--radius-control);color:inherit;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.13em;padding:.4rem .65rem;text-transform:uppercase;white-space:nowrap}.book-status--available{background:#ffffff1f}.book-entry-desc{max-width:45ch;margin-bottom:2rem;color:#ffffffc7;font-family:var(--font-body);font-size:1.03rem;line-height:1.7}.book-entry-link,.books-back{display:inline-flex;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease}.book-entry-link{border-bottom:1px solid currentColor;color:inherit;padding-bottom:.35rem}.book-entry-link:hover,.books-back:hover{opacity:.65}.book-entry-cover{width:100%;border-radius:var(--radius-card);overflow:hidden}.book-entry-cover img{display:block;width:100%;height:auto}.books-author-note{max-width:58rem;margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(5rem,9vw,8rem);text-align:center}.books-author-note blockquote{margin-bottom:1.75rem;color:var(--near-black);font-family:var(--font-display);font-size:clamp(1.6rem,3.2vw,2.7rem);font-weight:700;letter-spacing:-.04em;line-height:1.05}.books-author-note p{max-width:55ch;margin:0 auto 2.5rem;color:var(--mid);font-family:var(--font-body);font-size:1rem;line-height:1.75}.books-back{color:var(--forest)}@media (max-width: 700px){.books-hero{padding-top:8rem}.books-hero-layout{grid-template-columns:1fr;gap:2rem}.book-entry{grid-template-columns:1fr;gap:1.75rem}.book-entry-number{padding-top:0;writing-mode:initial;transform:none}.book-entry-cover-group{justify-self:center;width:min(70%,15.5rem)}}.page-art{--art-bg: #222e3d;--art-text: #f8fbfd;--art-muted: #b9cad5;--art-rule: rgba(248, 251, 253, .28);background:var(--art-bg);color:var(--art-text);min-height:100vh}body:has(.page-art){background:var(--art-bg)}.art-header{border-bottom:1px solid var(--art-rule);padding:calc(58px + clamp(3rem,7vw,6rem)) 0 clamp(2.5rem,5vw,4rem)}.art-header-inner{align-items:end;display:flex;gap:2rem;justify-content:space-between}.art-header-label,.art-interlude p,.art-tile-medium{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.art-header-label{color:var(--art-muted);display:block;margin-bottom:1rem}.art-header-title{color:var(--art-text);font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5.75rem);font-weight:800;letter-spacing:-.05em;line-height:.95}.art-header-inner>p{color:var(--art-muted);font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.25rem);font-style:italic;line-height:1.45;max-width:25ch;text-align:right}.art-gallery{padding-bottom:clamp(3rem,6vw,6rem)}.art-grid{display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(2rem,4vw,4rem) 0}.art-tile{display:flex;flex-direction:column;gap:.8rem}.art-tile-img{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:4 / 5;background:transparent;border:1px solid var(--art-rule);border-radius:var(--radius-card);cursor:zoom-in;overflow:hidden;padding:0;width:100%}.art-tile-img img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease;width:100%}.art-tile:hover .art-tile-img img{transform:scale(1.02)}.art-tile-img:focus-visible{outline:2px solid var(--art-text);outline-offset:3px}.art-tile-meta{display:flex;flex-direction:column;gap:.28rem}.art-tile-title{color:var(--art-text);font-family:var(--font-display);font-size:clamp(1rem,1.6vw,1.3rem);font-weight:600}.art-tile-medium{color:var(--art-muted)}.art-interlude{padding:clamp(2rem,5vw,5rem) 0 clamp(.5rem,2vw,1.5rem);text-align:center}.art-interlude h2{color:var(--art-text);font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,3.5rem);font-style:italic;font-weight:700;letter-spacing:-.04em;line-height:1}.art-interlude p{color:var(--art-muted);margin-top:.75rem}.art-enquire{border-top:1px solid var(--art-rule);padding-top:clamp(2rem,4vw,3rem)}.page-art .books-back{color:var(--art-text)}.art-modal{align-items:center;background:#090f16d1;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:clamp(1.25rem,5vw,4rem);position:fixed;z-index:200}.art-modal-content{background:var(--art-bg);border:1px solid var(--art-rule);border-radius:var(--radius-card);box-shadow:0 1.5rem 4rem #0006;max-height:100%;max-width:min(48rem,100%);overflow:auto;padding:1rem;position:relative}.art-modal-content img{display:block;height:auto;max-height:calc(100dvh - 10rem);object-fit:contain;width:100%}.art-modal-content p{color:var(--art-text);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;margin:.8rem .2rem .2rem;text-transform:uppercase}.art-modal-close{align-items:center;background:var(--art-text);border:0;border-radius:var(--radius-round);color:var(--art-bg);cursor:pointer;display:flex;font:1.5rem/1 var(--font-body);height:2.25rem;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;width:2.25rem;z-index:1}.art-modal-close:focus-visible{outline:2px solid var(--art-text);outline-offset:2px}@media (max-width: 700px){.art-header-inner{align-items:start;flex-direction:column}.art-header-inner>p{text-align:left}.art-grid{gap:1rem}}.project-page{--project-bg: var(--olive);--project-text: var(--on-dark);--project-mid: rgba(255, 255, 255, .72);--project-faded: rgba(255, 255, 255, .44);--project-line: rgba(224, 225, 218, .22);background:var(--project-bg);color:var(--project-text)}.project-page-header{padding-bottom:3rem;border-bottom-color:var(--project-line)}.project-page-meta{display:flex;gap:2rem;margin-bottom:1.5rem}.project-page-info{display:flex;gap:4rem;padding-top:2.5rem;position:relative;flex-wrap:wrap}.project-page-info:before,.project-page-overview:after,.project-page-gallery:after,.project-page-detail:after{content:"";position:absolute;left:50%;width:100vw;height:1px;background:var(--project-line);transform:translate(-50%)}.project-page-info:before{top:0}.project-page-overview:after,.project-page-gallery:after,.project-page-detail:after{bottom:0}.project-page-overview:after{background:var(--hairline)}.project-page-detail:after{background:var(--hairline)}.project-page-info-item{display:flex;flex-direction:column;gap:.4rem}.project-page-info-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--project-faded)}.project-page-info-value{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--project-text)}.project-page-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.1rem}.project-page-overview{display:grid;grid-template-columns:10rem 1fr;gap:3rem;padding:4rem 0;position:relative}.project-page-overview:before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;background:var(--bg);transform:translate(-50%)}.project-page-overview>*{position:relative;z-index:1}.project-page-overview-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faded);padding-top:.4rem}.project-page-overview-text{font-family:var(--font-body);font-size:1.1rem;line-height:1.8;color:var(--mid);max-width:62ch}.project-page-gallery{padding:4rem 0;position:relative}.project-page-gallery-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--project-faded);margin-bottom:1.5rem}.project-page-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.project-page-gallery--scheduler .project-page-gallery-grid{grid-template-columns:repeat(3,minmax(0,15rem));gap:clamp(1rem,2vw,2rem);justify-content:center}.project-page-gallery-item{display:flex;flex-direction:column;gap:.75rem}.project-page-gallery-image{width:100%;display:block;border:1px solid var(--project-line);border-radius:var(--radius-card);background:var(--warm-white)}.project-page-gallery-caption{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--project-mid)}.project-page-details{padding:0}.project-page-detail{padding:clamp(3rem,7vw,6rem) 0;position:relative}.project-page-detail:before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;background:var(--bg);transform:translate(-50%)}.project-page-detail>*{position:relative;z-index:1}.project-page-detail-num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;color:var(--olive);position:absolute;left:0;padding-top:.4rem}.project-page-detail-body{width:min(100%,62rem);margin:0 auto;padding:clamp(1.5rem,4vw,3rem);background:var(--olive);color:var(--on-dark);text-align:center}.project-page-detail-heading{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--on-dark)}.project-page-detail-text{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--project-mid);text-align:left;max-height:0;max-width:58ch;margin-right:auto;margin-left:auto;opacity:0;overflow:hidden;transform:translateY(.8rem);transition:max-height .8s ease,opacity .65s ease,transform .65s ease,margin-top .65s ease}.project-page-detail.is-visible .project-page-detail-text{max-height:30rem;margin-top:1.25rem;opacity:1;transform:translateY(0)}.project-page-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--section-pad) 0;position:relative}.project-page-live{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--project-text);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.15rem;transition:opacity .2s}.project-page-live:hover{opacity:.6}.project-page-404{padding:calc(var(--section-pad) + 4rem) 0}.project-page .page-header-label,.project-page .books-back{color:var(--project-mid)}.project-page .page-header-title,.project-page .books-back:hover,.project-page .project-tag{color:var(--project-text)}.project-page .project-tag{border-color:var(--project-line)}@media (max-width: 700px){.project-page-overview{grid-template-columns:1fr;gap:1rem}.project-page-detail{padding-top:4.25rem}.project-page-detail-num{padding-top:0}.project-page-gallery-grid{grid-template-columns:1fr}.project-page-info{gap:2rem}.project-page-footer{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (prefers-reduced-motion: reduce){.project-page-detail-text{transition:none}}.scheduler-case-study{--scheduler-dark: #1e3037;--scheduler-panel: #344952;--scheduler-light: #e0e1da;--scheduler-on-dark: var(--on-dark);--scheduler-muted: rgba(255, 255, 255, .72);--scheduler-line: rgba(224, 225, 218, .23);background:var(--scheduler-light);color:var(--olive)}body:has(.scheduler-case-study){background:var(--scheduler-light)}.scheduler-hero{background:var(--scheduler-dark);color:var(--scheduler-on-dark);overflow:hidden;padding:calc(58px + clamp(4rem,8vw,8rem)) 0 0}.scheduler-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.55fr);gap:clamp(2rem,7vw,8rem);align-items:end}.scheduler-kicker,.scheduler-section-heading span,.scheduler-metadata dt,.scheduler-notes span,.scheduler-carousel figcaption,.scheduler-comparison figcaption{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.scheduler-kicker{color:var(--scheduler-muted);margin-bottom:2rem}.scheduler-hero h1{font-family:var(--font-display);font-size:clamp(4.25rem,10.5vw,10rem);font-weight:800;letter-spacing:-.055em;line-height:.82}.scheduler-hero-subtitle{max-width:31ch;font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.55;margin:2.5rem 0 3rem;color:var(--scheduler-muted)}.scheduler-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;padding:1.75rem 0 2.5rem;border-top:1px solid var(--scheduler-line)}.scheduler-metadata div:last-child{grid-column:span 2}.scheduler-metadata dt{color:#e0e1da75;margin-bottom:.38rem}.scheduler-metadata dd{font-size:.82rem;line-height:1.55;color:var(--scheduler-on-dark)}.scheduler-hero-screen{align-self:end;max-width:20rem;justify-self:center;margin-bottom:4rem}.scheduler-hero-screen img,.scheduler-decision img,.scheduler-comparison-item img,.scheduler-carousel img{display:block;width:100%;height:auto;border-radius:var(--radius-card)}.scheduler-section{padding:clamp(5rem,10vw,10rem) 0}.scheduler-split{display:grid;grid-template-columns:minmax(13rem,.55fr) minmax(0,1fr);gap:clamp(2rem,10vw,12rem)}.scheduler-section-heading span{display:block;color:var(--mid);margin-bottom:1rem}.scheduler-section-heading h2{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,5rem);font-weight:800;letter-spacing:-.045em;line-height:.93}.scheduler-prose{max-width:43rem;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.75}.scheduler-prose p+p{margin-top:1.25rem}.scheduler-comparison-section{background:var(--olive);color:var(--scheduler-on-dark)}.scheduler-comparison-section .scheduler-section-heading span{color:var(--scheduler-muted)}.scheduler-section-heading--wide{margin-bottom:clamp(3rem,7vw,6rem)}.scheduler-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,18rem));justify-content:center;gap:clamp(1.5rem,5vw,5rem);align-items:start}.scheduler-comparison-item figcaption{color:var(--scheduler-muted);margin-top:1rem;line-height:1.5}.scheduler-placeholder{aspect-ratio:9 / 20;background:var(--scheduler-panel);border:1px dashed rgba(224,225,218,.48);border-radius:var(--radius-card);color:var(--scheduler-on-dark);display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1.25rem}.scheduler-placeholder span,.scheduler-placeholder small{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--scheduler-muted)}.scheduler-placeholder strong{font-family:var(--font-display);font-size:1.2rem;line-height:1.05}.scheduler-notes{max-width:70rem;margin:clamp(3rem,7vw,6rem) auto 0;padding-top:1.5rem;border-top:1px solid var(--scheduler-line);display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;list-style:none;font-size:.82rem;line-height:1.6;color:var(--scheduler-muted)}.scheduler-notes span{display:block;color:var(--scheduler-on-dark);margin-bottom:.75rem}.scheduler-notes strong{color:var(--scheduler-on-dark);display:block;font-size:.9rem;font-weight:500;margin-bottom:.45rem}.scheduler-notes p{margin:0}.scheduler-decisions{border-top:1px solid var(--hairline)}.scheduler-decision-carousel{max-width:68rem;margin:0 auto;outline:none;overflow-anchor:none}.scheduler-decision-carousel:focus-visible{outline:2px solid var(--olive);outline-offset:.75rem}.scheduler-decision-stage{align-items:center;display:grid;gap:clamp(.75rem,2vw,2rem);grid-template-columns:auto minmax(0,1fr) auto}.scheduler-decision-panel{align-items:center;display:grid;gap:clamp(1.5rem,3vw,3.5rem);grid-template-columns:minmax(0,1fr) minmax(15rem,31rem);min-height:0;padding:clamp(1.5rem,3vw,2.5rem) 0}.scheduler-decision-copy{max-width:45ch}.scheduler-decision-copy h3{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,3.4rem);letter-spacing:-.04em;line-height:.95;margin-bottom:1.25rem}.scheduler-decision-copy>p:last-child{color:var(--mid);font-size:.95rem;line-height:1.75}.scheduler-decision-panel figure{margin:0}.scheduler-decision-screens{justify-self:center;width:min(100%,15rem)}.scheduler-decision-screens.has-multiple{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,31rem)}.scheduler-decision-panel img{border-radius:var(--radius-card);box-shadow:0 1.25rem 3.5rem #1e303724;display:block;height:auto;width:100%}.scheduler-decision-control{align-items:center;background:transparent;border:1px solid var(--hairline);border-radius:50%;color:var(--olive);cursor:pointer;display:grid;font:1.2rem/1 var(--font-body);height:2.75rem;place-items:center;transition:background-color .2s,color .2s;width:2.75rem}.scheduler-decision-control:hover{background:var(--olive);color:var(--on-dark)}.scheduler-decision-control:focus-visible{outline:2px solid var(--olive);outline-offset:3px}.scheduler-final{background:var(--scheduler-dark);color:var(--scheduler-on-dark)}.scheduler-final .scheduler-section-heading span{color:var(--scheduler-muted)}.scheduler-carousel{max-width:56rem;margin:0 auto;outline:none}.scheduler-carousel:focus-visible{outline:1px solid var(--scheduler-on-dark);outline-offset:.75rem}.scheduler-carousel-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2vw,2rem)}.scheduler-carousel-track{display:grid;grid-template-columns:minmax(6rem,.8fr) minmax(12rem,1.25fr) minmax(6rem,.8fr);gap:clamp(.75rem,2vw,1.75rem);align-items:center;overflow:hidden;padding:1.5rem 0}.scheduler-carousel-slide{margin:0;transition:opacity .35s ease,transform .35s ease;transform-origin:center}.scheduler-carousel-slide img{box-shadow:0 1.25rem 3.5rem #0000002e}.scheduler-carousel-slide figcaption{margin-top:.85rem;color:var(--scheduler-muted);text-align:center}.scheduler-carousel-slide.is-preview{opacity:.42;transform:scale(.78)}.scheduler-carousel-slide.is-active{opacity:1;transform:scale(1)}.scheduler-carousel-control{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid var(--scheduler-line);border-radius:50%;background:transparent;color:var(--scheduler-on-dark);font:1.2rem/1 var(--font-body);cursor:pointer;transition:background-color .2s,color .2s}.scheduler-carousel-control:hover{background:var(--scheduler-light);color:var(--scheduler-dark)}.scheduler-carousel-control:focus-visible,.scheduler-carousel-pagination button:focus-visible{outline:2px solid var(--scheduler-on-dark);outline-offset:3px}.scheduler-carousel-pagination{display:flex;justify-content:center;gap:.65rem;margin-top:1rem}.scheduler-carousel-pagination button{width:1.75rem;height:1.75rem;padding:0;border:0;background:transparent;color:var(--scheduler-muted);font:.6rem/1 var(--font-mono);cursor:pointer}.scheduler-carousel-pagination button:before{content:"";display:block;width:100%;height:1px;background:currentColor;margin-bottom:.35rem}.scheduler-carousel-pagination button.is-active{color:var(--scheduler-on-dark)}.scheduler-reflection{background:var(--scheduler-light);padding-block:clamp(5rem,10vw,10rem)}.scheduler-reflection .scheduler-split{align-items:center}.scheduler-case-study .project-page-footer{padding:0 var(--gutter) 2rem}.scheduler-case-study .project-page-footer .books-back{color:var(--olive)}.scheduler-links{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:2.25rem}.scheduler-links a{color:var(--olive);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem}.scheduler-links a:hover{opacity:.62}@media (max-width: 700px){.scheduler-hero-grid,.scheduler-split{grid-template-columns:1fr}.scheduler-hero{padding:calc(58px + 4.5rem) 0 2.5rem}.scheduler-hero-screen{max-width:15rem;justify-self:center;margin:1rem auto 0}.scheduler-metadata{grid-template-columns:1fr}.scheduler-metadata div:last-child{grid-column:auto}.scheduler-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.scheduler-notes{grid-template-columns:1fr;gap:1.5rem}.scheduler-decision-panel{grid-template-columns:1fr;min-height:0;padding:2.5rem 0}.scheduler-decision-screens{width:min(13rem,58vw);margin-inline:auto}.scheduler-decision-screens.has-multiple{gap:.55rem;width:min(22rem,88vw)}.scheduler-carousel-stage{gap:.35rem}.scheduler-carousel-stage{display:block;position:relative}.scheduler-carousel-track{display:grid;grid-template-columns:1fr;padding:1.25rem 0}.scheduler-carousel-slide.is-preview{display:none}.scheduler-carousel-slide.is-active{width:min(76vw,18rem);margin:0 auto}.scheduler-carousel-control{position:absolute;top:50%;z-index:1;width:2.25rem;height:2.25rem;font-size:1rem;transform:translateY(-50%)}.scheduler-carousel-control:first-child{left:0}.scheduler-carousel-control:last-child{right:0}}@media (prefers-reduced-motion: reduce){.scheduler-carousel-slide{transition:none}}.sonus-case-study{--sonus-ink: #222e3d;--sonus-paper: #f7f8f6;--sonus-teal: #173936;--sonus-panel: #294d49;--sonus-blue: #176288;--sonus-rust: #cc3d09;--sonus-muted: #4c5a66;--sonus-rule: #ccd5d8;background:var(--sonus-paper);color:var(--sonus-ink)}body:has(.sonus-case-study){background:var(--sonus-paper)}.sonus-hero{background:var(--sonus-ink);color:#f8fbfd;padding:calc(58px + clamp(2rem,3vw,3.5rem)) 0 0}.sonus-hero-meta,.sonus-hero-spec{font-family:var(--font-mono);font-size:.7rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.sonus-hero-meta,.sonus-hero-spec{display:flex;justify-content:space-between;color:#b9cad5}.sonus-hero-intro{padding:clamp(4.5rem,9vw,8.7rem) 0 clamp(3.5rem,6vw,5.5rem)}.sonus-hero h1,.sonus-case-study h2,.sonus-case-study h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.sonus-hero h1{font-size:clamp(3.5rem,10vw,8rem);line-height:.95}.sonus-hero-intro p{color:#d0dce3;font-family:var(--font-body);font-size:1.05rem;font-weight:300;line-height:1.7;margin-top:1.2rem}.sonus-hero-spec{border-top:1px solid #71808d;padding:1.4rem 0 3.9rem}.sonus-terrain-section{background:var(--sonus-blue);color:#e6eff5;padding:1.5rem 0 1.8rem}.sonus-terrain-frame{height:clamp(13rem,30vw,29rem);background:#14181e;border:2px solid #e5edf2;border-radius:var(--radius-card);overflow:hidden;position:relative}.sonus-terrain-frame img{width:100%;height:100%;display:block;object-fit:cover}.sonus-terrain-frame p{bottom:clamp(1.25rem,3vw,3rem);color:#fff;font-family:var(--font-display);font-size:clamp(2rem,4vw,4.5rem);font-weight:800;left:clamp(1.25rem,3vw,3rem);letter-spacing:-.04em;line-height:.95;max-width:18ch;position:absolute}.sonus-section{padding:clamp(4rem,7vw,6.5rem) 0}.sonus-kicker,.sonus-paths span,.sonus-type-sample span,.sonus-component span{font-family:var(--font-mono);font-size:.62rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase}.sonus-kicker{color:var(--sonus-blue);margin-bottom:1.8rem}.sonus-section h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1}.sonus-lead{color:var(--sonus-muted);font-family:var(--font-body);font-size:1.05rem;font-weight:300;line-height:1.7;margin-top:2rem;max-width:62ch}.sonus-challenge{border-top:1px solid var(--sonus-rule);margin-top:2.7rem;padding-top:2.3rem}.sonus-challenge .sonus-kicker{margin-bottom:1.5rem}.sonus-challenge h3{font-size:clamp(1.4rem,3vw,2rem);line-height:1.3}.sonus-challenge-copy{color:var(--sonus-muted);font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.8;margin-top:1.25rem;max-width:58ch}.sonus-product{background:var(--sonus-teal);color:#f9fbfa}.sonus-product .sonus-kicker{color:#b6cac7}.sonus-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.2rem}.sonus-paths article{align-items:center;background:linear-gradient(160deg,#315752 0%,var(--sonus-panel) 54%,#183a38 100%);border:1px solid rgba(215,236,231,.11);border-radius:1rem;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:1.5rem 1.5rem 0;position:relative}.sonus-paths article:before{background:radial-gradient(circle,rgba(135,204,198,.28) 0 1px,transparent 1.5px);background-size:12px 12px;content:"";top:0;right:0;bottom:0;left:0;opacity:.24;pointer-events:none;position:absolute}.sonus-paths article>div{align-self:stretch;position:relative;z-index:1}.sonus-paths span{color:#b6cac7}.sonus-paths h3{font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;margin:1.1rem 0 .7rem}.sonus-paths p{color:#d1dcd9;font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.8;max-width:23ch}.sonus-phone-frame{aspect-ratio:4 / 5;background:#101d26;border:5px solid #101d26;border-radius:1.65rem 1.65rem 0 0;box-shadow:0 1.5rem 2.5rem #040f1261,inset 0 0 0 1px #ffffff3d;margin:1.25rem auto 0;max-width:12.8rem;overflow:hidden;position:relative;transform:translateY(.15rem);width:78%;z-index:1}.sonus-phone-frame img{display:block;height:auto;width:100%}.sonus-home-showcase{background:#102933;border:1px solid rgba(217,240,239,.3);border-radius:1rem;margin-top:clamp(2.5rem,5vw,4rem);overflow:hidden;padding:clamp(1rem,2vw,1.8rem) clamp(1rem,2vw,1.8rem) 0}.sonus-home-showcase figcaption{display:flex;font-family:var(--font-mono);font-size:.62rem;justify-content:space-between;letter-spacing:.16em;margin-bottom:1rem;text-transform:uppercase}.sonus-home-showcase figcaption span:first-child{color:#c7e5e1}.sonus-home-showcase figcaption span:last-child{color:#fff9}.sonus-home-showcase>div{border:1px solid rgba(223,239,237,.72);border-bottom:0;border-radius:.75rem .75rem 0 0;margin:0 auto;overflow:hidden;width:min(86%,68rem)}.sonus-home-showcase img{display:block;height:auto;width:100%}.sonus-system{background:var(--sonus-paper)}.sonus-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.7rem 0 1.5rem}.sonus-swatches span{height:6rem;border-radius:.5rem;background:var(--sonus-ink)}.sonus-swatches span:nth-child(2){background:var(--sonus-blue)}.sonus-swatches span:nth-child(3){background:var(--sonus-teal)}.sonus-swatches span:nth-child(4){background:var(--sonus-rust)}.sonus-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sonus-type-sample,.sonus-component{min-height:16rem;border-radius:.8rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.sonus-type-sample{background:#eaf0f2}.sonus-component{background:var(--sonus-ink)}.sonus-type-sample strong{color:var(--sonus-blue);font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1}.sonus-type-name{color:var(--sonus-blue);font-family:var(--font-body);font-size:1rem;font-weight:400;margin-top:.7rem}.sonus-type-role{color:var(--sonus-muted);font-family:var(--font-body);font-size:.82rem;font-weight:300;margin-top:.15rem}.sonus-type-line{color:var(--sonus-ink);font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:400;line-height:1.45}.sonus-type-sample span,.sonus-component>span{color:var(--sonus-muted);text-transform:none;letter-spacing:0;font-size:.75rem}.sonus-component-preview{align-items:center;align-self:stretch;background:transparent;border:2px solid rgba(255,255,255,.9);border-radius:1rem;color:#fff;display:flex;font-family:var(--font-body);font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1rem}.sonus-component-preview span{font-family:var(--font-body);font-size:1rem;font-weight:500;letter-spacing:normal;text-transform:none}.sonus-component-preview b{align-items:center;border:1px solid rgba(255,255,255,.9);border-radius:50%;display:inline-flex;font-family:var(--font-body);font-size:1.5rem;font-weight:300;height:1.9rem;justify-content:center;line-height:1;margin-left:auto;padding-bottom:.2rem;width:1.9rem}.sonus-component>span{color:#ffffffb8}.sonus-outcome{background:var(--sonus-blue);color:#fff}.sonus-outcome .sonus-kicker{color:#c5e0ef}.sonus-outcome>.container>p:not(.sonus-kicker){color:#deedf4;font-family:var(--font-body);font-size:1.05rem;font-weight:300;line-height:1.7;margin:1.8rem 0 2.5rem;max-width:62ch}.sonus-outcome a{border-top:1px solid rgba(255,255,255,.48);color:#fff;display:flex;justify-content:space-between;padding-top:2.5rem;font-family:var(--font-mono);font-size:.72rem;font-weight:400;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.sonus-outcome a span{font-size:1.6em;line-height:.8}.sonus-footer{background:var(--sonus-paper)}.sonus-footer .books-back{color:var(--sonus-ink)}@media (max-width: 700px){.sonus-hero-spec,.sonus-hero-meta{gap:1rem}.sonus-hero-spec{flex-direction:column}.sonus-system-grid{grid-template-columns:1fr;gap:2rem}.sonus-paths{grid-template-columns:1fr}.sonus-paths article{min-height:0}.sonus-phone-frame{max-width:15rem;width:min(78%,15rem)}.sonus-home-showcase figcaption{align-items:flex-start;flex-direction:column;gap:.35rem}.sonus-swatches{gap:.45rem}.sonus-swatches span{height:3.6rem}.sonus-type-sample,.sonus-component{min-height:9rem}}.nela-case-study{--nela-olive: #4f560d;--nela-ink: #30311f;--nela-paper: #f7f7f2;--nela-rule: rgba(48,49,31,.2);background:var(--nela-paper);color:var(--nela-ink)}body:has(.nela-case-study){background:var(--nela-paper)}.nela-case-study .project-page-header{--project-text: #333333;--project-mid: rgba(51,51,51,.72);--project-faded: rgba(51,51,51,.58);--project-line: rgba(51,51,51,.22);background:#e9d7a6;color:var(--project-text)}.nela-section{padding:clamp(4rem,8vw,7.5rem) 0}.nela-case-study h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1}.nela-kicker{color:var(--nela-olive);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;margin-bottom:1.5rem;text-transform:uppercase}.nela-copy,.nela-website p:not(.nela-kicker),.nela-ecosystem p:not(.nela-kicker),.nela-outcome>.container>p:not(.nela-kicker){font-family:var(--font-body);font-size:1.05rem;font-weight:300;line-height:1.7}.nela-project{background:#333;color:#fff}.nela-project .nela-kicker{color:#ffffffad}.nela-project .nela-copy{color:#ffffffd1}.nela-intro-grid{align-items:end;display:grid;gap:clamp(3rem,10vw,11rem);grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr)}.nela-intro-grid .nela-copy{margin-top:1.7rem;max-width:52ch}.nela-scope{border-top:1px solid rgba(255,255,255,.24);display:grid;grid-template-columns:repeat(3,1fr)}.nela-scope div{border-right:1px solid rgba(255,255,255,.24);padding:1.15rem 1rem 0 0}.nela-scope div+div{padding-left:1rem}.nela-scope div:last-child{border-right:0}.nela-scope dt{color:#e9d7a6;font-family:var(--font-display);font-size:1.6rem;font-weight:700}.nela-scope dd{display:flex;flex-direction:column;font-family:var(--font-body);font-size:.78rem;line-height:1.45;margin-top:.35rem}.nela-scope dd span{color:#ffffffa6;font-size:.7rem;margin-top:.2rem}.nela-website{background:var(--nela-paper);color:var(--nela-ink)}.nela-website .nela-kicker{color:var(--nela-olive)}.nela-website-grid{align-items:center;display:grid;gap:clamp(3rem,8vw,9rem);grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr)}.nela-website p{color:#30311fc7;margin-top:1.5rem;max-width:42ch}.nela-website a{align-items:center;border-bottom:1px solid currentColor;color:var(--nela-olive);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;gap:.7rem;letter-spacing:.1em;margin-top:1.8rem;padding-bottom:.15rem;text-decoration:none;text-transform:uppercase}.nela-guideline-cards{align-self:center;display:grid;gap:.85rem;grid-template-columns:repeat(3,1fr)}.nela-guideline-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid rgba(48,49,31,.09);border-radius:.5rem;color:var(--nela-ink);cursor:zoom-in;overflow:hidden;padding:0;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.nela-guideline-card:hover{box-shadow:0 .65rem 1.5rem #30311f1f;transform:translateY(-.2rem)}.nela-guideline-card:focus-visible{outline:2px solid var(--nela-olive);outline-offset:3px}.nela-guideline-card img{display:block;height:9rem;object-fit:cover;object-position:top;width:100%}.nela-guideline-card span{display:block;font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:.65rem .75rem}.nela-guideline-modal{align-items:center;background:#141414b8;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:clamp(1.25rem,5vw,4rem);position:fixed;z-index:200}.nela-guideline-modal-content{background:var(--nela-paper);border-radius:.75rem;box-shadow:0 1.5rem 4rem #00000059;max-height:100%;max-width:min(62rem,100%);overflow:auto;padding:1rem;position:relative}.nela-guideline-modal-content img{display:block;height:auto;width:100%}.nela-guideline-modal-content p{color:var(--nela-ink);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;margin:.8rem .2rem .2rem;text-transform:uppercase}.nela-guideline-modal-close{align-items:center;background:#333;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font:1.5rem/1 var(--font-body);height:2.25rem;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;width:2.25rem;z-index:1}.nela-guideline-modal-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.nela-evolution{background:#333;color:#fff}.nela-evolution .nela-kicker{color:#ffffffad}.nela-evolution-grid{align-items:center;display:grid;gap:clamp(3rem,8vw,10rem);grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr)}.nela-evolution-grid .nela-copy{color:#ffffffd1;margin-top:1.7rem;max-width:38ch}.nela-comparison{align-items:center;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.nela-comparison figure{margin:0}.nela-comparison img{border:1px solid rgba(255,255,255,.35);border-radius:1.2rem;display:block;height:clamp(22rem,34vw,34rem);margin:0 auto;object-fit:cover;object-position:top;width:auto;max-width:100%}.nela-comparison>span{color:#fff;font-family:var(--font-display);font-size:1.75rem}.nela-comparison figcaption{color:#ffffffb8;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.12em;margin-top:.65rem;text-align:center;text-transform:uppercase}.nela-ecosystem{background:var(--nela-paper);color:var(--nela-ink)}.nela-ecosystem .nela-kicker{color:var(--nela-olive)}.nela-ecosystem p{color:#30311fc7;margin-top:1.7rem;max-width:62ch}.nela-ecosystem>.container>div{display:flex;gap:2rem;justify-content:flex-end;margin-top:2.5rem}.nela-ecosystem a{color:var(--nela-olive);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}@media (max-width: 800px){.nela-intro-grid,.nela-website-grid,.nela-evolution-grid{grid-template-columns:1fr}.nela-scope{max-width:34rem}.nela-guideline-cards img{height:7rem}.nela-comparison{max-width:34rem}.nela-ecosystem>.container>div{justify-content:flex-start}}@media (max-width: 520px){.nela-scope{grid-template-columns:repeat(3,1fr);text-align:center}.nela-scope div,.nela-scope div+div{border-bottom:0;border-right:1px solid rgba(255,255,255,.24);padding:1rem .35rem 0}.nela-scope div:last-child{border-right:0}.nela-scope dt{font-size:1.25rem;margin-bottom:.6rem}.nela-scope dd{align-items:center;font-size:.72rem}.nela-scope dd span{font-size:.64rem}.nela-guideline-cards{grid-template-columns:1fr}.nela-guideline-cards img{height:13rem}.nela-comparison{gap:.45rem}.nela-comparison>span{font-size:1.2rem}.nela-comparison img{border-radius:.8rem;height:18rem}.nela-ecosystem>.container>div{flex-direction:column;gap:1rem}}
