/*
Theme Name: Orumi
Description: A considered brand website for the parent of Airletter and Oroomi.
Version: 1.0.0
Text Domain: orumi
*/
@font-face{font-family:Manrope;src:url('assets/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--carbon:#20211f;--ivory:#f4f2ec;--paper:#fff;--stone:#dddad2;--muted:#64655f;--silver:#b8bcb5;--font:Manrope,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--carbon);font-family:var(--font);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}button,input,textarea{font:inherit}::selection{background:var(--carbon);color:var(--ivory)}.shell{max-width:1360px;margin:0 auto;padding-left:56px;padding-right:56px}.mark{display:inline-block;width:72px;aspect-ratio:1;background:currentColor;-webkit-mask:url('assets/mark.png') center/contain no-repeat;mask:url('assets/mark.png') center/contain no-repeat;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:14px}.wordmark{font-size:30px;font-weight:500;letter-spacing:.16em;line-height:1}.skip-link{position:absolute;left:24px;top:-100px;padding:12px;background:var(--carbon);color:white;z-index:100}.skip-link:focus{top:16px}.site-header{border-bottom:1px solid var(--stone);background:var(--ivory)}.header-inner{height:112px;display:flex;justify-content:space-between;align-items:center}.site-header nav{display:flex;gap:36px;align-items:center;font-size:13px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border-left:1px solid var(--stone);padding-left:32px}.nav-contact span{margin-left:18px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.5;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;background:var(--carbon);border-radius:50%;margin-right:10px;vertical-align:middle}.hero{padding-top:72px;display:grid;grid-template-columns:1.2fr 1fr;gap:0 56px}.hero-copy{padding-bottom:56px}.hero h1{font-size:clamp(48px,5.6vw,78px);font-weight:450;line-height:1.08;letter-spacing:-.055em;max-width:700px;margin:30px 0 36px}.hero-bottom p{max-width:450px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 22px;background:var(--carbon);color:var(--ivory);font-size:12px;border:1px solid var(--carbon);border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#373832;transform:translateY(-2px)}.hero-art{min-height:460px;align-self:stretch;background:#e9e7e0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:3px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#20211f08 1px,transparent 1px),linear-gradient(90deg,#20211f08 1px,transparent 1px);background-size:64px 64px}.hero-art .hero-mark{width:100%;max-width:480px;color:var(--carbon);position:relative}.art-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:var(--muted)}.hero-meta{grid-column:1/-1;display:flex;justify-content:space-between;padding:28px 0;margin-top:48px;border-top:1px solid var(--stone);font-size:11px;color:var(--muted)}.hero-meta a span{margin-left:32px}.projects-section{background:var(--paper);padding:96px 0 104px;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}.section-heading{display:grid;grid-template-columns:1fr 1fr;margin-bottom:48px;gap:0 32px}.section-heading .eyebrow{grid-column:1/-1;margin:0 0 20px}.section-heading h2,.about-section h2,.contact-section h2{font-size:clamp(32px,3.3vw,44px);font-weight:450;line-height:1.2;letter-spacing:-.04em;margin:0}.section-heading>p:last-child{color:var(--muted);align-self:end;justify-self:end;font-size:14px;max-width:260px;margin-bottom:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{border:1px solid var(--stone);border-radius:4px;overflow:hidden}.project-art{height:340px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.airletter .project-art{background:#eee7df;color:#534338}.oroomi .project-art{background:#e6e9e3;color:#3e4940}.project-number{position:absolute;top:22px;left:24px;font-size:10px;letter-spacing:.1em}.art-name{font-size:38px;font-weight:500;letter-spacing:-.045em;position:relative;z-index:1}.art-subtitle{font-size:8px;letter-spacing:.2em;margin-top:8px;position:relative;z-index:1}.letter-art{position:absolute;width:175px;height:200px;transform:rotate(-13deg);top:42px;left:calc(50% - 87px);opacity:.25}.letter-art span{position:absolute;inset:0;background:#fff;border:1px solid #847364}.letter-art span:nth-child(1){transform:rotate(-12deg) translate(-18px,4px)}.letter-art span:nth-child(2){transform:rotate(8deg) translate(12px,2px)}.letter-art span:nth-child(3){background:linear-gradient(#84736433,#84736433) 24px 45px/85px 1px no-repeat,linear-gradient(#84736433,#84736433) 24px 58px/110px 1px no-repeat,#fff}.room-art{position:absolute;width:180px;height:180px;border:1px solid #3e494022;transform:rotate(30deg) skew(-10deg);opacity:.6}.room-art span{position:absolute;border:1px solid #3e494033;inset:20px}.room-art span:nth-child(2){inset:40px}.room-art span:nth-child(3){inset:60px}.project-content{padding:30px}.project-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.project-title h3{font-size:26px;font-weight:500;letter-spacing:-.025em;margin:0}.project-tag{font-size:8px;letter-spacing:.1em;padding:5px 8px;border:1px solid var(--stone);border-radius:2px;white-space:nowrap}.project-content p{font-size:14px;color:var(--muted);max-width:400px;margin:16px 0 28px}.text-link{display:flex;justify-content:space-between;border-top:1px solid var(--stone);padding-top:20px;font-size:12px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.project-endorsement{display:block;font-size:10px;color:var(--muted);border-top:1px solid var(--stone);padding-top:20px}.about-section{padding-top:104px;padding-bottom:104px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.about-section .eyebrow{margin:0 0 24px}.lead{font-size:20px;line-height:1.7;letter-spacing:-.02em;margin:0 0 40px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:28px;border-top:1px solid var(--stone)}.principles span{font-size:10px;color:var(--muted)}.principles h3{font-size:14px;font-weight:600;margin:16px 0 8px}.principles p{font-size:12px;color:var(--muted);margin:0}.contact-section{background:var(--carbon);color:var(--ivory);padding:72px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.button-light{background:var(--ivory);color:var(--carbon);border-color:var(--ivory)}.button-light:hover{background:white}.site-footer{padding:52px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.footer-top p{font-size:13px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--stone);padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.content-page{padding-top:64px;padding-bottom:80px;min-height:60vh}.entry{max-width:850px;margin:40px 0}.entry-content a{text-decoration:underline}.entry-content img{max-width:100%;height:auto}.entry-content :is(iframe,video){max-width:100%}
@media(min-width:1600px){.hero h1{font-size:82px}}@media(max-width:1000px){.shell{padding-left:32px;padding-right:32px}.hero{gap:0 32px}.hero h1{font-size:56px}.hero-art{min-height:420px}.site-header nav{gap:22px}.about-section{gap:32px}.project-title{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:700px){html{scroll-padding-top:24px}.shell{padding-left:24px;padding-right:24px}.header-inner{height:88px}.brand{gap:8px}.mark{width:56px}.wordmark{font-size:25px}.site-header nav{gap:18px;font-size:11px}.nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:44px}.hero-copy{padding-bottom:36px}.hero h1{font-size:clamp(42px,10vw,58px);margin:24px 0}.hero-bottom p{font-size:15px}.hero-art{min-height:300px}.hero-mark{max-width:380px}.hero-meta{margin-top:28px;font-size:9px}.hero-meta a span{margin-left:12px}.projects-section{padding:64px 0}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading .eyebrow{margin-bottom:0}.section-heading>p:last-child{justify-self:start;max-width:100%}.project-grid{grid-template-columns:1fr;gap:24px}.project-art{height:300px}.project-content{padding:24px}.project-title{flex-direction:row;align-items:center}.about-section{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px;gap:32px}.lead{font-size:18px}.principles{gap:20px}.footer-top{align-items:flex-start}.footer-top p{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:16px}.contact-inner{align-items:flex-start;flex-direction:column}.contact-section{padding:52px 0}}
@media(max-width:380px){.shell{padding-left:18px;padding-right:18px}.wordmark{font-size:22px}.site-header nav{gap:12px;font-size:10px}.mark{width:48px}.project-title{flex-direction:column}.hero-meta{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Existing product identities, preserved independently of Orumi. */
.airletter .project-art{background:#0e6dec;color:#fff}
.oroomi .project-art{background:#faf7f2;color:#1c1917}
.product-logo{display:block;height:auto;max-width:100%;object-fit:contain}
.airletter .product-logo{width:100%}
.oroomi .product-logo{width:78%;max-width:410px}
.project-art .art-subtitle{position:absolute;bottom:24px}
.airletter .project-number{color:#fff}
.oroomi .project-number{color:#66605b}
.oroomi .project-tag{border-color:#e8e2d9;color:#963f2c}

/* Text-led hero with quiet geometric motion. */
.hero{position:relative;isolation:isolate;display:block;overflow:hidden;padding-top:100px}
.hero-copy{position:relative;z-index:1;max-width:1040px;padding-bottom:64px}
.hero h1{max-width:1000px;font-size:clamp(48px,7.2vw,98px);line-height:1.07}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-width:1000px}
.hero-bottom p{max-width:480px;margin-bottom:0}
.hero-bottom .button{flex-shrink:0}
.hero-meta{position:relative;z-index:1;margin-top:24px}
.hero-motion{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:paint}
.orbit{position:absolute;display:block;border:1px solid #20211f12;border-radius:50%;will-change:transform}
.orbit-one{width:580px;height:580px;right:-190px;top:-230px;animation:orumi-drift-one 26s ease-in-out infinite alternate}
.orbit-two{width:380px;height:380px;right:-65px;top:-118px;border-color:#20211f0c;animation:orumi-drift-two 32s ease-in-out infinite alternate}
.orbit-three{width:330px;height:330px;left:-220px;bottom:12px;border-radius:24%;border-color:#20211f0c;transform:rotate(25deg);animation:orumi-drift-three 30s ease-in-out infinite alternate}
@keyframes orumi-drift-one{from{transform:translate(0,0) scale(1)}to{transform:translate(-65px,55px) scale(1.08)}}
@keyframes orumi-drift-two{from{transform:translate(0,0)}to{transform:translate(-85px,85px)}}
@keyframes orumi-drift-three{from{transform:translate(0,0) rotate(25deg)}to{transform:translate(90px,-35px) rotate(55deg)}}
@media(max-width:700px){.hero{padding-top:56px}.hero-copy{padding-bottom:36px}.hero h1{font-size:clamp(42px,10vw,62px)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:28px}.orbit-one{width:400px;height:400px;right:-260px;top:-170px}.orbit-two{right:-230px;top:-140px}.orbit-three{left:-260px;bottom:12px}.hero-meta{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.orbit{animation:none!important;will-change:auto}}

/* Blog and articles */
.blog-section{padding:88px 0;background:var(--paper);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}
.blog-all{align-self:end;justify-self:end;min-width:155px;border-top:0;gap:30px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-card{border:1px solid var(--stone);border-radius:4px;overflow:hidden}
.blog-image{display:block;aspect-ratio:1.65;background:var(--ivory);overflow:hidden}
.blog-image img{display:block;width:100%;height:100%;object-fit:cover}
.blog-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--ivory);color:var(--muted)}
.blog-placeholder .mark{width:120px}
.blog-card-body{padding:24px}.blog-card h3{font-weight:500;font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:16px 0}.blog-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.blog-card p{font-size:13px;color:var(--muted);margin:0 0 24px}.blog-card time{color:var(--muted);font-size:9px}
.blog-page-heading{padding:20px 0 52px}.blog-page h1,.article-heading h1{font-size:clamp(40px,5.4vw,72px);font-weight:450;letter-spacing:-.05em;line-height:1.1;margin:24px 0}.blog-page-heading>p:last-child{color:var(--muted)}
.blog-empty{padding:32px;border:1px solid var(--stone);background:var(--ivory)}.blog-empty h2,.blog-empty h3{font-weight:500;margin:0 0 12px}.blog-empty p{color:var(--muted);margin:0}
.navigation.pagination{margin-top:48px}.nav-links{display:flex;gap:16px;flex-wrap:wrap}.page-numbers{padding:8px 12px;border:1px solid var(--stone)}.page-numbers.current{background:var(--carbon);color:var(--ivory)}
.single-page>article{max-width:900px;margin:auto}.article-heading{padding:20px 0 40px}.article-image img{display:block;width:100%;height:auto;border-radius:4px}.single-page .entry-content{max-width:740px;margin:40px auto;font-size:18px;line-height:1.8;overflow-wrap:anywhere}.article-nav{display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--stone);padding-top:28px;font-size:13px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-section{padding:64px 0}.blog-all{justify-self:start;padding-top:0}.article-heading h1{font-size:42px}.single-page .entry-content{font-size:16px}.site-header nav{gap:12px;font-size:10px}}
/* Balanced project cards: shared spacing and aligned content. */
.project-card{display:flex;flex-direction:column}
.project-art{flex-shrink:0;padding:52px 36px 64px}
.project-art .product-logo{position:relative;width:100%;max-height:220px;object-fit:contain}
.airletter .product-logo{max-width:440px}
.oroomi .product-logo{max-width:440px}
.project-content{display:flex;flex:1;flex-direction:column;padding:32px}
.project-title{min-height:40px;align-items:center;flex-direction:row}
.project-content p{max-width:none;flex:1;margin:20px 0 28px;line-height:1.7}
.project-content .text-link,.project-content .project-endorsement{margin-top:auto;padding-top:22px}
@media(min-width:701px){.project-content p{min-height:72px}}
@media(max-width:700px){.project-art{padding:48px 24px 60px;height:280px}.project-art .product-logo{max-height:200px}.project-content{padding:24px}.project-title{min-height:36px}.project-content p{margin:18px 0 24px}}
@media(max-width:380px){.project-title{flex-direction:column;align-items:flex-start;gap:8px}}
.article-intro{font-size:24px;line-height:1.5;letter-spacing:-.025em}.single-page .entry-content h2{font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1.25;margin:56px 0 20px}.single-page .entry-content h3{font-size:22px;font-weight:500;line-height:1.35;margin:32px 0 16px}.article-figure{margin:48px 0;background:#ebf4ff;border-radius:4px;padding:32px;text-align:center}.article-figure img{display:block;width:100%;max-width:300px;max-height:360px;object-fit:contain;margin:auto}.article-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin:24px auto 0;max-width:480px}@media(max-width:700px){.article-intro{font-size:20px}.single-page .entry-content h2{font-size:26px;margin-top:40px}.article-figure{padding:24px}}