@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Instrument+Serif:ital@0;1&display=swap";:root{--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Instrument Sans", system-ui, sans-serif;--col-bg: #ffffff;--col-portal: #0a0a0a;--col-text: #e0e0e0;--col-text-muted: #666666;--col-text-faint: #3a3a3a;--col-border: rgba(255, 255, 255, .1);--col-accent: #ffffff;--col-ui-fg: #000;--col-footer-border: rgba(0, 0, 0, .08);--nav-height: 56px;--frame-gap: 12px;--portal-radius: 20px;--footer-height: 280px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:var(--col-bg);overflow:hidden}body{height:100dvh;overflow:hidden;background:var(--col-bg);font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--col-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-fouc .hero-logo,.no-fouc .hero-tagline,.no-fouc .hero-cta,.no-fouc .variant-badge,.no-fouc .variant-back{opacity:0}.page-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--col-bg);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;z-index:200;overflow:visible}.nav-logo{font-family:var(--font-sans);font-style:normal;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;line-height:1;color:var(--col-ui-fg);text-decoration:none;transition:opacity .2s;position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:201}.nav-logo:hover{opacity:.55}.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-link{font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--col-ui-fg);text-decoration:none;display:inline-block;position:relative;transition:opacity .2s;background:none;border:none;cursor:pointer;padding:0}.nav-dropdown-label{cursor:default;user-select:none}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1.5px;background:var(--col-ui-fg);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-dropdown{position:relative;list-style:none}.nav-dropdown-label .dropdown-arrow{font-size:.55rem;opacity:.6;display:inline-block;transition:transform .2s}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:12px 0 8px;list-style:none;min-width:130px;opacity:0;transform:translateY(-4px);pointer-events:none;box-shadow:0 8px 32px #0000001a;transition:opacity .18s,transform .18s var(--ease-out)}.nav-dropdown-menu:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;height:8px}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;transform:translateY(0);pointer-events:all}.dropdown-link{display:block;padding:8px 16px;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#000;text-decoration:none;transition:opacity .15s}.dropdown-link:hover{opacity:.5}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:202}.nav-hamburger span{display:block;width:20px;height:1.5px;background:var(--col-ui-fg);transition:transform .3s var(--ease-out),opacity .2s;transform-origin:center}.nav-hamburger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-backdrop{display:none;position:fixed;inset:0;z-index:299;background:#ffffffe0;opacity:0}.mobile-menu{position:fixed;top:0;right:0;width:min(320px,85vw);height:100dvh;background:#0a0a0a;z-index:300;transform:translate(100%);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.mobile-menu-logo{font-family:var(--font-sans);font-style:normal;font-size:1.05rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.01em;line-height:1}.mobile-menu-close{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:4px 8px;transition:color .2s}.mobile-menu-close:hover{color:#fff}.mobile-nav{padding:24px 0 40px;flex:1}.mobile-nav-link{display:block;padding:13px 24px;font-family:var(--font-sans);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#e0e0e0;text-decoration:none;transition:color .15s,opacity .15s;border-bottom:1px solid rgba(255,255,255,.04)}.mobile-nav-link:hover{color:#fff}.mobile-nav-link--sub{padding-left:36px;font-size:.72rem;color:#666;border-bottom-color:transparent}.mobile-nav-link--sub:hover{color:#999}.mobile-nav-group{margin-top:4px}.mobile-nav-group-label{padding:16px 24px 8px;font-family:var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff40}.site-footer{position:fixed;bottom:var(--frame-gap);left:var(--frame-gap);right:var(--frame-gap);height:var(--footer-height);background:var(--col-bg);border-top:1px solid var(--col-footer-border);border-radius:0 0 var(--portal-radius) var(--portal-radius);display:grid;grid-template-rows:1fr auto;z-index:95;will-change:auto}.portal{position:fixed;top:calc(var(--nav-height) + var(--frame-gap));left:var(--frame-gap);right:var(--frame-gap);bottom:var(--frame-gap);border-radius:var(--portal-radius);background:var(--col-portal);overflow:hidden;z-index:100;will-change:transform}.portal-fade-top{position:absolute;top:0;left:0;right:0;height:80px;pointer-events:none;z-index:10;border-radius:var(--portal-radius) var(--portal-radius) 0 0;background:linear-gradient(to bottom,var(--col-portal) 0%,color-mix(in srgb,var(--col-portal) 70%,transparent) 40%,transparent 100%)}.portal-blur-top{position:absolute;top:0;left:0;right:0;height:64px;pointer-events:none;z-index:9;border-radius:var(--portal-radius) var(--portal-radius) 0 0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(to bottom,black 0%,black 20%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 20%,transparent 100%)}.portal-inner{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.portal-inner::-webkit-scrollbar{display:none}.page-content{min-height:100%;padding:60px 48px 80px;max-width:960px;margin:0 auto}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;padding:60px 32px;gap:28px}.hero-logo{font-family:var(--font-serif);font-style:italic;font-size:clamp(64px,10vw,120px);font-weight:400;color:var(--col-accent);line-height:.95;letter-spacing:-.02em}.hero-tagline{font-family:var(--font-sans);font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--col-text-muted);font-weight:400;line-height:1.6;max-width:380px}.hero-ctas{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.variant-badge{position:fixed;top:calc(var(--nav-height) + var(--frame-gap) + 16px);right:calc(var(--frame-gap) + 16px);z-index:150;font-family:var(--font-sans);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--col-text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 10px}.variant-back{position:fixed;top:calc(var(--nav-height) + var(--frame-gap) + 16px);left:calc(var(--frame-gap) + 16px);z-index:150;font-family:var(--font-sans);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--col-text-muted);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.variant-back:hover{color:var(--col-accent)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:13px 28px;border-radius:9999px;text-decoration:none;transition:transform .2s var(--ease-out),opacity .2s;cursor:pointer;border:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-filled{background:var(--col-accent);color:#000}.btn-outline{background:transparent;color:var(--col-accent);border:1.5px solid rgba(255,255,255,.35)}.btn-outline:hover{border-color:#ffffffb3}.page-header{padding:60px 48px 40px;border-bottom:1px solid var(--col-border);margin-bottom:0}.page-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;color:var(--col-accent);line-height:1.1;letter-spacing:-.01em}.page-subtitle{font-family:var(--font-sans);font-size:.9rem;color:var(--col-text-muted);margin-top:8px}.blog-grid{padding:0 48px 80px}.blog-card{border-bottom:1px solid var(--col-border)}.blog-card-link{display:block;padding:36px 0;text-decoration:none;color:inherit;position:relative;group:true}.blog-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px}.blog-card-meta time,.blog-card-meta span{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.08em;color:var(--col-text-muted);text-transform:uppercase}.blog-card-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:400;color:var(--col-accent);line-height:1.2;margin-bottom:10px;transition:opacity .2s}.blog-card-link:hover .blog-card-title{opacity:.7}.blog-card-desc{font-family:var(--font-sans);font-size:.95rem;color:var(--col-text-muted);max-width:620px;line-height:1.6;margin-bottom:16px}.blog-card-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border:1px solid var(--col-border);border-radius:9999px;color:var(--col-text-muted)}.blog-card-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(-8px);font-size:1.2rem;color:var(--col-text-muted);opacity:0;transition:opacity .2s,transform .2s var(--ease-out)}.blog-card-link:hover .blog-card-arrow{opacity:1;transform:translateY(-50%) translate(0)}.post-progress{position:sticky;top:0;height:2px;background:var(--col-border);z-index:10;margin:0 -48px}.post-progress-bar{height:100%;background:var(--col-accent);width:0%;transition:width .1s linear}.post-header{padding:60px 48px 40px;border-bottom:1px solid var(--col-border)}.post-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.8rem;letter-spacing:.08em;color:var(--col-text-muted);text-decoration:none;margin-bottom:32px;transition:color .2s}.post-back:hover{color:var(--col-accent)}.post-back-arrow{transition:transform .2s}.post-back:hover .post-back-arrow{transform:translate(-4px)}.post-meta-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.post-date,.post-readtime{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--col-text-muted)}.post-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;color:var(--col-accent);line-height:1.1;letter-spacing:-.01em;margin-bottom:16px}.post-description{font-family:var(--font-sans);font-size:1.05rem;color:var(--col-text-muted);max-width:600px;line-height:1.6}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.post-body{padding:48px 48px 100px;max-width:720px}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--col-accent);line-height:1.2;margin-top:2.5em;margin-bottom:.8em}.prose h2{font-size:1.9rem}.prose h3{font-size:1.4rem}.prose h4{font-size:1.1rem;font-style:normal;font-family:var(--font-sans);font-weight:600}.prose p{font-family:var(--font-sans);font-size:1.05rem;color:var(--col-text);line-height:1.8;margin-bottom:1.4em}.prose a{color:var(--col-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff4d;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:#ffffffe6}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.4em}.prose li{font-family:var(--font-sans);font-size:1.05rem;color:var(--col-text);line-height:1.7;margin-bottom:.4em}.prose blockquote{border-left:2px solid rgba(255,255,255,.15);padding-left:1.5em;margin:2em 0}.prose blockquote p{color:var(--col-text-muted);font-style:italic}.prose code{font-family:SF Mono,Fira Code,monospace;font-size:.875em;background:#ffffff12;padding:2px 6px;border-radius:4px;color:#ccc}.prose pre{background:#ffffff0d;border:1px solid var(--col-border);border-radius:8px;padding:1.5em;overflow-x:auto;margin-bottom:1.4em}.prose pre code{background:none;padding:0;font-size:.875rem}.prose hr{border:none;border-top:1px solid var(--col-border);margin:3em 0}.links-day{padding:40px 48px;border-bottom:1px solid var(--col-border)}.links-day-date{font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--col-text-muted);margin-bottom:24px}.link-entry{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit;transition:none}.link-entry:last-child{border-bottom:none}.link-title{font-family:var(--font-sans);font-size:1rem;color:var(--col-accent);margin-bottom:2px;transition:opacity .2s}.link-entry:hover .link-title{opacity:.6}.link-meta{display:flex;align-items:center;gap:12px}.link-source{font-family:var(--font-sans);font-size:.75rem;color:var(--col-text-muted);letter-spacing:.04em}.link-note{font-family:var(--font-sans);font-size:.8rem;color:var(--col-text-muted);font-style:italic;margin-top:4px;padding-left:0;opacity:.7}.gallery-intro{padding:60px 48px 40px;border-bottom:1px solid var(--col-border)}.gallery-grid{padding:48px;columns:2;column-gap:16px}@media(max-width:600px){.gallery-grid{columns:1}}.gallery-item{break-inside:avoid;margin-bottom:16px;border-radius:12px;overflow:hidden}.gallery-img{width:100%;display:block;border-radius:12px;transition:transform .4s var(--ease-out)}.gallery-item:hover .gallery-img{transform:scale(1.02)}.gallery-quote{background:var(--col-text-faint);padding:36px 32px;border-radius:12px}.gallery-quote-text{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;color:var(--col-accent);line-height:1.4;margin-bottom:12px}.gallery-quote-attr{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.08em;color:var(--col-text-muted);text-transform:uppercase}.bren-hero{padding:80px 48px 60px;border-bottom:1px solid var(--col-border);display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}.bren-name{font-family:var(--font-serif);font-style:italic;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;color:var(--col-accent);line-height:1;letter-spacing:-.02em}.bren-role{font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--col-text-muted);margin-top:12px}.bren-bio p{font-family:var(--font-sans);font-size:1.05rem;color:var(--col-text);line-height:1.8;margin-bottom:1.2em}.bren-section{padding:48px;border-bottom:1px solid var(--col-border)}.bren-section-label{font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--col-text-muted);margin-bottom:28px}.bren-list{list-style:none;display:flex;flex-direction:column;gap:8px}.bren-list li{font-family:var(--font-sans);font-size:1rem;color:var(--col-text);display:flex;align-items:baseline;gap:12px}.bren-list li:before{content:"—";color:var(--col-text-muted);flex-shrink:0}.contact-wrap{padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-heading{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,4vw,3rem);color:var(--col-accent);line-height:1.1;margin-bottom:16px}.contact-text{font-family:var(--font-sans);font-size:.95rem;color:var(--col-text-muted);line-height:1.7}.contact-links{list-style:none;display:flex;flex-direction:column;gap:4px}.contact-link-item a{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;color:var(--col-accent);text-decoration:none;display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--col-border);transition:opacity .2s}.contact-link-item a:hover{opacity:.6}.contact-link-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--col-text-muted);margin-left:auto}.footer-body{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding:48px 48px 32px;align-items:start}.footer-brand-logo{font-family:var(--font-sans);font-style:normal;font-size:1.1rem;font-weight:800;color:var(--col-ui-fg);text-decoration:none;letter-spacing:-.01em;line-height:1;display:block;margin-bottom:12px;transition:opacity .2s}.footer-brand-logo:hover{opacity:.6}.footer-tagline{font-family:var(--font-sans);font-size:.8rem;color:var(--col-text-muted);line-height:1.5;max-width:200px}.footer-col-label{font-family:var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--col-ui-fg) 30%,transparent);margin-bottom:16px}.footer-nav{list-style:none;display:flex;flex-direction:column;gap:4px}.footer-nav a{font-family:var(--font-sans);font-size:.82rem;color:var(--col-text-muted);text-decoration:none;transition:color .2s;display:block;padding:3px 0}.footer-nav a:hover{color:var(--col-ui-fg)}.footer-social{list-style:none;display:flex;flex-direction:column;gap:4px}.footer-social a{font-family:var(--font-sans);font-size:.82rem;color:var(--col-text-muted);text-decoration:none;transition:color .2s;display:block;padding:3px 0}.footer-social a:hover{color:var(--col-ui-fg)}.footer-origin{font-family:var(--font-sans);font-size:.75rem;color:color-mix(in srgb,var(--col-ui-fg) 20%,transparent);margin-top:20px}.footer-bar{padding:16px 48px;border-top:1px solid var(--col-footer-border);display:flex;align-items:center;justify-content:space-between}.footer-copy{font-family:var(--font-sans);font-size:.7rem;color:color-mix(in srgb,var(--col-ui-fg) 20%,transparent);letter-spacing:.04em}.footer-made{font-family:var(--font-sans);font-size:.7rem;color:color-mix(in srgb,var(--col-ui-fg) 15%,transparent);letter-spacing:.04em}@media(max-width:768px){:root{--nav-height: 52px;--frame-gap: 8px;--footer-height: 320px}.nav-links{display:none}.nav-hamburger{display:flex}.nav-logo{font-size:1.05rem;top:50%;transform:translateY(-50%)}.page-content{padding:40px 24px 60px}.page-header{padding:40px 24px 30px}.blog-grid{padding:0 24px 60px}.bren-hero{grid-template-columns:1fr;gap:24px;padding:40px 24px}.contact-wrap{grid-template-columns:1fr;gap:40px;padding:40px 24px}.links-day{padding:30px 24px}.gallery-grid{padding:24px;columns:1}.post-header{padding:40px 24px 30px}.post-body{padding:32px 24px 60px}.post-progress{margin:0 -24px}.footer-body{grid-template-columns:1fr 1fr;padding:32px 24px 24px;gap:24px}.footer-bar{padding:12px 24px;flex-direction:column;gap:4px;text-align:center;border-top:1px solid var(--col-footer-border)}.variant-badge,.variant-back{top:calc(var(--nav-height) + var(--frame-gap) + 10px)}}@media(max-width:480px){.footer-body{grid-template-columns:1fr}}