@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/fonts/portfolio-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/portfolio-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/portfolio-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/portfolio-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/portfolio-4.ttf) format('truetype');
}

:root{--bg:#f0ece4;--ink:#07584b;--body:#52746a;--line:#d5dbce;--surface:#faf8f2;--gradient:radial-gradient(ellipse at 47% -5%,#d0edb5 0%,#dce9d0 40%,#f0ece4 77%);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px;color-scheme:light}
:root[data-theme=dark]{--bg:#182f2a;--ink:#d6ebbc;--body:#b1c8ba;--line:#365148;--surface:#223c33;--gradient:radial-gradient(ellipse at 47% -5%,#37523a 0%,#233f33 40%,#182f2a 77%);color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--gradient);background-repeat:no-repeat;background-size:100% 1150px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #738e42;outline-offset:6px}::selection{background:#bed2a4;color:#07584b}h1,h2,h3,h4,p{margin:0}.skip-link{position:fixed;left:20px;top:-100px;padding:12px 20px;background:var(--ink);color:var(--bg);z-index:20}.skip-link:focus{top:15px}.section-shell{max-width:1360px;margin-inline:auto;padding-inline:40px}.site-header{display:flex;justify-content:center;padding:28px 20px 0}.nav-pill{display:flex;gap:9px;align-items:center;background:#ffffff24;border:1px solid #ffffff25;padding:7px;border-radius:50px;backdrop-filter:blur(16px)}.nav-pill a{padding:11px 23px;border-radius:30px;font-size:14px;font-weight:550;transition:background .2s}.nav-pill a:hover{background:#ffffff45}.nav-pill .nav-active{background:#ffffff72}.nav-active span{margin-left:9px;color:#82a381}.nav-arrow{margin-left:4px}.hero{text-align:center;position:relative;padding:78px 24px 88px;overflow:hidden}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:650}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--body)}.status-dot{height:6px;width:6px;background:#608454;border-radius:50%;box-shadow:0 0 0 4px #789e5320}.hero-title-wrap{position:relative;max-width:1100px;margin:27px auto 30px}h1,h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-optical-sizing:auto;letter-spacing:-5px}h1{font-size:clamp(68px,7.5vw,108px);line-height:1.04}h1>span{font-size:.88em}.spark{position:absolute;font-size:76px;color:#fffdf4;line-height:1}.spark-one{right:3%;top:-20px;transform:rotate(14deg)}.spark-two{left:1%;bottom:4px;transform:rotate(-10deg);font-size:56px}.hero>p{font-size:17px;line-height:1.8;color:var(--body)}.hero-link{display:inline-flex;align-items:center;gap:20px;margin-top:30px;font-size:12px;font-weight:600}.hero-link span{font-size:18px;transition:transform .2s}.hero-link:hover span{transform:translateY(4px)}.hero-orbit{position:absolute;right:10%;bottom:34px;font-family:Georgia,serif;font-size:70px;font-weight:bold;opacity:.26;transform:rotate(-15deg)}.section-eyebrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--body)}.section-eyebrow h2,.section-eyebrow>span{font-family:inherit;font-size:10px;font-weight:600;letter-spacing:1.8px}.project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px}.project{position:relative;border-radius:42px;overflow:hidden;isolation:isolate;min-width:0}.project:nth-child(1),.project:nth-child(4){grid-column:span 2}.project:nth-child(2),.project:nth-child(3){grid-column:span 3}.project-notes{background:#d5b7ec;color:#463654}.project-studio{background:#add7cc;color:#234d44}.project-palette{background:#efbca2;color:#604738}.project-mobile{background:#bfdaef;color:#345568}.project-open{display:block;width:100%;height:510px;border:0;background:none;text-align:left;padding:0;overflow:hidden;position:relative;color:inherit}.project-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:32px 34px;z-index:2}.project-number{font-size:12px;opacity:.5;padding-top:5px}.project-top>div{text-align:right}.project-category{font-size:9px;letter-spacing:1.8px;font-weight:650}.project-top h3{font-size:34px;line-height:1.2;letter-spacing:-1.5px;font-weight:550;margin-top:5px}.project-visual{position:absolute;inset:133px 0 44px 40px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-open:hover .project-visual{transform:translateY(-9px) rotate(-1deg)}.project-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 30px;background:inherit;z-index:3}.project-bottom>span:first-child{font-size:9px;letter-spacing:1.5px;font-weight:600;opacity:.7}.project-arrow{display:grid;place-items:center;width:29px;height:29px;background:#ffffff45;border-radius:50%;font-size:19px;transition:background .2s}.project-open:hover .project-arrow{background:#ffffffb0}.mock-window{background:#fffcf7;border-radius:12px 0 0 0;box-shadow:0 12px 25px #243a3020;overflow:hidden;color:#383d38;height:100%;min-width:460px;position:relative;text-align:left}.window-bar{height:40px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e4df;padding:0 15px;background:#f9f7f1}.window-bar>span{width:6px;height:6px;background:#c1b8b2;border-radius:50%}.window-bar>b{margin:auto;font-size:11px;font-weight:600}.window-bar>i{font-size:17px;font-style:normal}.notes-layout{display:flex;height:100%}.notes-layout aside{background:#eeece6;width:125px;flex-shrink:0;display:flex;flex-direction:column;gap:13px;padding:23px 14px;font-size:9px}.notes-layout aside strong{font-size:11px;margin-bottom:5px}.notes-layout aside small{font-size:7px;letter-spacing:1px;color:#99958c;margin-top:16px}.notes-content{padding:25px 22px;flex:1}.mock-caption{font-size:7px;letter-spacing:1px;color:#8f9688}.notes-content h4{font-family:Georgia,serif;font-size:24px;font-weight:400;margin-top:10px;letter-spacing:-1px}.notes-content>p{font-size:9px;color:#899184;margin-top:8px}.note-paper{margin-top:20px;background:#e8e8ba;border-radius:4px;padding:20px;transform:rotate(-3deg);width:240px;box-shadow:0 5px 8px #383d3810}.note-paper>span{font-size:23px;color:#6a7b3c}.note-paper h5{font-family:Georgia,serif;font-weight:400;font-size:20px;line-height:1.3;margin:10px 0 15px}.note-paper small{font-size:8px;color:#728044}.note-lines{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.note-lines i{height:3px;background:#7d82472b;width:90%}.note-lines i:last-child{width:55%}.studio-window{min-width:560px;padding:22px 28px;background:#faf9f3}.studio-nav{display:flex;justify-content:space-between;align-items:center}.studio-nav b{font-size:17px;letter-spacing:-1px}.studio-nav>span{font-size:8px}.studio-nav i{font-style:normal}.studio-intro{padding-top:25px}.studio-intro>small{font-size:7px;letter-spacing:1.4px}.studio-intro h4{font-family:Georgia,serif;font-weight:400;font-size:40px;line-height:1.05;letter-spacing:-1.5px;margin-top:10px}.studio-intro em{color:#769074}.studio-items{display:flex;gap:13px;height:180px;margin-top:25px}.studio-items>div{width:34%;position:relative;overflow:hidden}.still-life{background:#d9dfca;display:grid;place-items:center}.vase{width:55px;height:80px;background:linear-gradient(100deg,#c5a28b,#e3c6af 50%,#ae8a76);border-radius:10px 10px 40% 40%;position:relative;top:30px;box-shadow:8px 10px 10px #5a62422b}.vase:before{content:'';position:absolute;width:3px;height:80px;background:#506c45;left:30px;top:-75px;transform:rotate(15deg)}.vase:after{content:'';position:absolute;width:40px;height:22px;border-radius:0 100% 0 100%;background:#77966a;left:0;top:-55px;transform:rotate(15deg)}.orange-poster{background:#ed7647;color:#622f1d;padding:20px}.orange-poster>span{font-family:Georgia,serif;font-size:34px;line-height:1;letter-spacing:-1px}.orange-poster small{display:block;font-size:6px;margin-top:28px;letter-spacing:1px}.blue-objects{background:#b8c6d3;display:flex;align-items:center;justify-content:center}.blue-objects i{width:35px;height:85px;border-radius:30px;background:#356354;transform:rotate(25deg);margin:-4px;box-shadow:5px 9px 10px #1c394233}.blue-objects i:nth-child(2){background:#e8e8cf;height:105px}.blue-objects i:nth-child(3){background:#e19d6d;height:60px}.palette-window{min-width:540px;padding:25px;background:#fcf6ed}.palette-nav{display:flex;justify-content:space-between;align-items:center}.palette-nav b{font-size:13px}.palette-nav b>span{font-size:24px;vertical-align:middle;margin-right:5px}.palette-nav>span{font-size:8px;border:1px solid #d6d4c6;border-radius:20px;padding:8px 12px}.palette-heading{margin-top:26px}.palette-heading small{font-size:7px;letter-spacing:1.5px}.palette-heading h4{font-size:27px;font-family:Georgia,serif;font-weight:400;margin-top:8px;letter-spacing:-.7px}.color-swatches{display:flex;height:162px;margin-top:25px;border-radius:8px;overflow:hidden}.color-swatches>div{width:20%;padding:12px;display:flex;flex-direction:column;justify-content:space-between;color:#0008}.color-swatches>div:last-child{color:#fff9}.color-swatches span{font-size:9px}.color-swatches small{font-size:7px}.palette-footer{display:flex;justify-content:space-between;margin-top:14px;font-size:9px}.phone{width:245px;height:450px;border:5px solid #333c3e;border-radius:38px;background:#fbf8ef;box-shadow:0 0 0 2px #b4bac0,10px 15px 30px #34495e30;color:#304e43;margin:0 auto;overflow:hidden;position:relative;transform:rotate(5deg)}.project-mobile .project-visual{left:0;right:0;top:130px}.phone-status{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:9px;font-weight:700}.phone-island{height:17px;width:63px;background:#283031;border-radius:14px}.phone-content{padding:17px 17px 0}.phone-greeting{display:flex;justify-content:space-between;align-items:center}.phone-greeting>span{font-size:6px;letter-spacing:1px}.phone-greeting>i{font-style:normal;font-size:23px}.phone h4{font-size:29px;font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-1px;margin-top:12px}.phone-landscape{height:150px;margin-top:20px;border-radius:100px 100px 10px 10px;background:#cfdfd0;position:relative;overflow:hidden}.landscape-sun{width:35px;height:35px;border-radius:50%;background:#f4e3a3;position:absolute;top:25px;left:86px}.phone-landscape i{position:absolute;width:240px;height:170px;border-radius:50%;background:#91b59a;left:-80px;top:75px;transform:rotate(15deg)}.phone-landscape i:nth-of-type(2){background:#598370;left:70px;top:55px}.landscape-caption{position:absolute;bottom:17px;left:27px;color:white;font-size:7px;letter-spacing:1px}.phone-note{display:flex;align-items:center;gap:9px;margin-top:20px}.phone-note>span{font-size:24px;color:#b19d62}.phone-note b{font-size:10px}.phone-note p{font-size:7px;margin-top:4px;color:#839186}.phone-note i{font-style:normal;margin-left:auto}.phone-tabs{display:flex;justify-content:space-around;margin-top:25px;border-top:1px solid #dee4d5;padding:12px}.phone-tabs>span{font-size:16px;text-align:center}.phone-tabs small{display:block;font-size:6px;margin-top:4px}.about-section{padding-top:150px;padding-bottom:140px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:100px}.about-art{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.flower{width:230px;height:230px;position:relative;display:grid;place-items:center;transform:rotate(-10deg)}.flower>i{position:absolute;width:110px;height:180px;background:#c9d8a9;border-radius:60%;top:-4px;left:60px;transform-origin:50% 120px}.flower>i:nth-child(2){transform:rotate(60deg)}.flower>i:nth-child(3){transform:rotate(120deg)}.flower>i:nth-child(4){transform:rotate(180deg)}.flower>i:nth-child(5){transform:rotate(240deg)}.flower>i:nth-child(6){transform:rotate(300deg)}.flower>span{position:relative;font-family:'Bricolage Grotesque',sans-serif;font-size:110px;letter-spacing:-8px;transform:rotate(10deg);color:#315e4c;top:14px}.art-caption{font-size:8px;letter-spacing:2px;margin-top:65px;color:var(--body)}.about-copy h2{font-size:53px;line-height:1.12;letter-spacing:-2px;margin:22px 0 25px}.about-copy p{font-size:15px;line-height:1.9;color:var(--body);margin-bottom:14px;max-width:470px}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:13px;font-weight:600;margin-top:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.play-section{text-align:center}.play-section>h2{font-size:88px;line-height:1.15;margin-top:18px}.play-section>p{font-size:16px;line-height:1.85;color:var(--body);margin-top:25px}.play-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:60px;text-align:left}.play-tile{border-radius:40px;position:relative;height:370px;padding:28px 32px;overflow:hidden}.doodle-tile{background:#faf9f5;color:#537957}.shapes-tile{background:#253c36;color:#dbe7c5}.tile-label{font-size:9px;letter-spacing:2px;font-weight:600}.doodle{max-width:420px;margin:15px auto 0;position:relative}.doodle svg{width:100%;height:220px;transform:rotate(-8deg);color:#8c98c8}.doodle>span{position:absolute;left:20%;bottom:15px;font-family:'Bricolage Grotesque',sans-serif;font-style:italic;font-size:29px;color:#506b53;transform:rotate(-9deg)}.play-bottom{position:absolute;bottom:23px;left:32px;right:32px;font-size:11px;display:flex;align-items:center;justify-content:space-between}.play-bottom>span{font-size:26px}.shape-stack{width:235px;height:220px;position:relative;margin:10px auto 0;transform:rotate(-12deg)}.shape-stack>i{position:absolute;height:95px;width:95px;left:15px;top:25px;background:#d2b7e1;border-radius:50% 50% 0 50%}.shape-stack>i:nth-child(2){background:#dbdba8;left:110px;border-radius:50% 50% 50% 0}.shape-stack>i:nth-child(3){background:#a6c3a9;top:120px;border-radius:50% 0 50% 50%}.shape-stack>i:nth-child(4){background:#f1af88;top:120px;left:110px;border-radius:0 50% 50% 50%}.contact-section{margin-top:150px;padding-top:100px;padding-bottom:100px;text-align:center;border-top:1px solid var(--line);position:relative}.contact-section h2{font-size:76px;letter-spacing:-3px;line-height:1.1;margin:28px 0}.contact-section h2 em{font-weight:600}.contact-section>p{font-size:15px;line-height:1.9;color:var(--body)}.contact-link{display:inline-flex;gap:40px;font-size:22px;margin-top:30px;border-bottom:1px solid var(--ink);padding-bottom:10px}.contact-spark{position:absolute;right:12%;bottom:100px;font-size:80px;transform:rotate(20deg);color:#a2bb8c}.site-footer{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding-top:35px;padding-bottom:40px}.footer-name{font-family:'Bricolage Grotesque',sans-serif;font-size:31px;letter-spacing:-2px}.footer-name>span{font-family:sans-serif;font-size:21px;margin-left:3px}.site-footer>p{font-size:11px;color:var(--body)}.footer-note{font-size:8px;letter-spacing:1.5px;margin-left:auto;color:var(--body)}.theme-toggle{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:var(--ink);color:var(--bg);font-size:27px}.project-dialog{border:0;border-radius:30px;padding:0;width:min(760px,calc(100% - 32px));max-height:90vh;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #0003}.project-dialog::backdrop{background:#112e2788;backdrop-filter:blur(8px)}.dialog-content{padding:45px;position:relative}.dialog-close{position:absolute;right:20px;top:20px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent}.dialog-content>h2{font-size:50px;letter-spacing:-2px;margin:18px 0}.dialog-content>p{font-size:15px;line-height:1.8;color:var(--body)}.dialog-art{height:350px;overflow:hidden;border-radius:20px;margin-top:25px;padding:35px 30px 0}.dialog-art .mock-window{min-width:500px}.dialog-art .phone{margin-top:0}.dialog-content>.concept-note{font-size:11px;margin-top:22px;line-height:1.7}.project-dialog[open]{animation:dialog-in .25s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:110px}.hero-title-wrap{margin-top:35px}}@media(max-width:1000px){.section-shell{padding-inline:28px}.project-grid,.play-grid{gap:25px}.project-open{height:440px}.project-top{padding:27px}.project-top h3{font-size:29px}.project-category{font-size:8px}.project-visual{left:25px;top:120px}.project-mobile .project-visual{top:125px}.about-section{gap:50px;padding-top:100px;padding-bottom:100px}.about-copy h2{font-size:44px}.hero-title-wrap{max-width:780px}.spark-one{right:0;font-size:58px}.spark-two{left:0;font-size:40px}.contact-section{margin-top:100px}.hero-orbit{right:5%}.section-eyebrow>span{font-size:8px}}
@media(max-width:700px){.site-header{padding-top:18px}.nav-pill{gap:2px;padding:5px}.nav-pill a{font-size:12px;padding:10px 17px}.nav-arrow{display:none}.hero{padding:65px 20px 65px}.hero-kicker{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(53px,10.7vw,75px);letter-spacing:-2.8px;line-height:1.1}.hero-title-wrap{margin:25px auto;max-width:540px}.spark-one{font-size:36px;right:1%;top:-18px}.spark-two{font-size:25px;left:0;bottom:0}.hero>p{font-size:14px;max-width:340px;margin:auto;line-height:1.85}.hero-orbit{display:none}.hero-link{font-size:11px;margin-top:23px}.section-shell{padding-inline:20px}.section-eyebrow h2{font-size:8px;letter-spacing:1.2px}.section-eyebrow>span{display:none}.section-eyebrow{margin-bottom:16px}.project-grid{grid-template-columns:1fr;gap:22px}.project:nth-child(n){grid-column:auto}.project{border-radius:30px}.project-open{height:430px}.project-top{padding:26px}.project-top h3{font-size:31px}.project-category{font-size:8px}.project-visual{top:117px;left:30px}.project-mobile .project-visual{top:115px}.project-studio .project-visual{left:25px}.project-bottom{padding:17px 25px}.project-grid .project:nth-child(3){order:4}.project-grid .project:nth-child(4){order:3}.about-section{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:80px}.about-art{min-height:270px}.flower{transform:scale(.8) rotate(-10deg)}.art-caption{margin-top:15px;font-size:7px}.about-copy{padding-inline:7px}.about-copy h2{font-size:43px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.6px}.about-copy p{font-size:14px}.play-section>h2{font-size:62px;letter-spacing:-3px}.play-section>p{font-size:14px;margin-top:20px}.play-grid{grid-template-columns:1fr;gap:22px;margin-top:35px}.play-tile{height:330px;border-radius:30px;padding:26px}.doodle svg{height:200px}.doodle>span{font-size:25px}.shape-stack{transform:scale(.85) rotate(-12deg);margin-top:-5px}.contact-section{margin-top:80px;padding-top:65px;padding-bottom:75px}.contact-section h2{font-size:51px;letter-spacing:-2px}.contact-section>p{font-size:13px}.contact-link{font-size:20px}.contact-spark{display:none}.site-footer{gap:15px;flex-wrap:wrap;padding-top:25px;padding-bottom:30px}.footer-name{font-size:27px}.site-footer>p{font-size:10px}.footer-note{display:none}.theme-toggle{margin-left:auto}.dialog-content{padding:40px 23px 25px}.dialog-content h2{font-size:39px}.dialog-content>p{font-size:13px}.dialog-art{padding:25px 20px 0;height:320px}.dialog-art .mock-window{transform:scale(.8);transform-origin:top left;min-width:480px;height:370px}.dialog-content .eyebrow{font-size:7px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Profile image beside the first line of the introduction. */
h1 > .hero-greeting{display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:1em;vertical-align:middle}
.hero-avatar{width:104px;height:104px;flex-shrink:0;border-radius:50%;object-fit:cover;border:5px solid #ffffff85;box-shadow:0 6px 22px #07584b14;letter-spacing:normal}
@media(max-width:1000px){.hero-avatar{width:85px;height:85px}h1 > .hero-greeting{gap:18px}}
@media(max-width:700px){h1 > .hero-greeting{gap:12px;font-size:clamp(34px,8.5vw,56px)}.hero-avatar{width:58px;height:58px;border-width:3px}}

/* About: spacious introduction, a staggered focus trail, and working principles. */
.about-page h2 { font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-1.6px; }
.about-intro { max-width:1160px;padding-top:90px; }
.about-page-title { margin-left:36%; }
.about-page-title h1 { font-size:110px;letter-spacing:-6px;line-height:1.15;margin-top:17px;position:relative;display:inline-block; }
.about-page-title h1>span { position:absolute;font-size:48px;right:-75px;top:5px;color:#fffdf4; }
.about-intro-grid { display:grid;grid-template-columns:290px 1fr;gap:100px;align-items:start;margin-top:65px; }
.portrait-frame { margin:0; }
.portrait-arch { position:relative;height:355px;border-radius:160px 160px 12px 12px;background:#b4c59e;overflow:hidden;display:flex;align-items:center;justify-content:center; }
.portrait-arch img { width:100%;height:100%;object-fit:cover;border-radius:0;mix-blend-mode:multiply; }
.portrait-star { position:absolute;bottom:15px;right:17px;font-size:47px;color:#f8f3da; }
.portrait-frame figcaption { font-size:9px;font-weight:650;letter-spacing:1.6px;margin-top:18px;line-height:1.8; }
.portrait-frame figcaption>span { display:block;font-size:7px;color:var(--body);letter-spacing:1px; }
.about-introduction h2 { font-size:42px;line-height:1.16;margin:10px 0 27px; }
.about-introduction p,.about-reading p { font-size:15px;line-height:1.95;color:var(--body);margin-top:17px; }
.focus-section { max-width:1250px;padding-top:90px;padding-bottom:110px; }
.focus-section .section-eyebrow { margin-bottom:35px; }
.focus-trail { display:flex;flex-direction:column-reverse;gap:15px; }
.focus-step { width:43%;border-radius:55px;background:var(--ink);color:var(--bg);padding:21px 25px;display:flex;align-items:center;gap:18px; }
.focus-step:nth-child(2) { margin-left:19%; }
.focus-step:nth-child(3) { margin-left:38%; }
.focus-step:nth-child(4) { margin-left:57%; }
.focus-step>span:last-child { margin-left:auto;font-size:17px;opacity:.7; }
.focus-icon { font-size:27px;line-height:1;opacity:.8; }
.focus-step h3 { font-size:15px;font-weight:600; }
.focus-step p { font-size:11px;opacity:.8;margin-top:4px; }
.about-manifesto { max-width:1250px; }
.about-reading { max-width:700px;margin-left:auto;margin-right:5%; }
.about-reading h2 { font-size:44px;line-height:1.18;margin-top:22px;margin-bottom:26px; }
.principles-grid { background:var(--surface);border-radius:50px;display:grid;grid-template-columns:1fr 1fr;gap:65px 85px;padding:70px 90px;margin-top:55px; }
.principle-number { display:block;font-size:30px;color:#83a899;letter-spacing:-1px;font-weight:600;margin-bottom:25px; }
.principles-grid h3 { font-size:23px;font-weight:550;letter-spacing:-.7px;margin:0 0 16px; }
.principles-grid p { font-size:14px;line-height:1.95;color:var(--body);margin:0; }
.about-beyond { max-width:1250px;padding-top:90px; }
.about-gallery { display:grid;grid-template-columns:1.6fr 1fr;gap:25px;margin-top:65px; }
.about-gallery>div { min-height:340px;border-radius:22px;padding:28px;position:relative;overflow:hidden; }
.gallery-label { font-size:9px;letter-spacing:1.7px;font-weight:600; }
.blueprint-art { color:#2f6758;background-color:#d2dfca;background-image:linear-gradient(#4a715610 1px,transparent 1px),linear-gradient(90deg,#4a715610 1px,transparent 1px);background-size:24px 24px; }
.blueprint-orbit { display:flex;justify-content:center;align-items:center;height:220px; }
.blueprint-orbit>div { width:100px;height:100px;border:1px solid #577b5e66;border-radius:50%;display:grid;place-items:center;background:#e9edda;font-family:'Bricolage Grotesque',sans-serif;font-size:17px; }
.blueprint-orbit>span { width:35px;height:1px;background:#577b5e88; }
.gallery-bottom { position:absolute;left:28px;right:28px;bottom:24px;font-size:11px;display:flex;align-items:center;justify-content:space-between; }
.gallery-bottom i { font-style:normal;font-size:23px; }
.curiosity-art { background:#d8c7e6;color:#45583e; }
.curiosity-star { font-size:220px;line-height:1;display:block;text-align:center;margin-top:15px;transform:rotate(-10deg); }
.about-outro { text-align:center;padding-top:125px;padding-bottom:115px; }
.about-outro h2 { font-size:65px;line-height:1.15;margin-top:25px; }
.about-outro .contact-link { font-size:17px; }
@media(max-width:1000px) {
 .about-intro-grid { grid-template-columns:240px 1fr;gap:55px; }
 .about-page-title { margin-left:34%; }
 .about-page-title h1 { font-size:90px; }
 .portrait-arch { height:305px; }
 .about-introduction h2 { font-size:35px; }
 .principles-grid { padding:55px;gap:50px; }
 .focus-step { width:52%; }
 .focus-step:nth-child(2) { margin-left:16%; }
 .focus-step:nth-child(3) { margin-left:32%; }
 .focus-step:nth-child(4) { margin-left:48%; }
 .about-reading { margin-right:0;max-width:620px; }
 .blueprint-orbit>div { width:80px;height:80px;font-size:14px; }
 .blueprint-orbit>span { width:20px; }
}
@media(max-width:700px) {
 .about-intro { padding-top:60px; }
 .about-page-title { margin-left:0;text-align:center; }
 .about-page-title h1 { font-size:75px;letter-spacing:-4px; }
 .about-page-title h1>span { font-size:32px;right:-38px;top:0; }
 .about-intro-grid { grid-template-columns:1fr;gap:30px;margin-top:40px; }
 .portrait-frame { max-width:250px;margin:auto; }
 .portrait-arch { height:290px; }
 .portrait-frame figcaption { text-align:center;font-size:8px; }
 .about-introduction { margin-top:10px; }
 .about-introduction h2 { font-size:34px;letter-spacing:-1.3px; }
 .about-introduction p,.about-reading p { font-size:14px;line-height:1.9; }
 .focus-section { padding-top:65px;padding-bottom:70px; }
 .focus-trail { gap:12px; }
 .focus-step { width:89%;padding:17px 20px;gap:12px; }
 .focus-step:nth-child(2) { margin-left:4%; }
 .focus-step:nth-child(3) { margin-left:7%; }
 .focus-step:nth-child(4) { margin-left:11%; }
 .focus-step h3 { font-size:13px; }
 .focus-step p { font-size:10px; }
 .focus-icon { font-size:23px; }
 .about-reading h2 { font-size:34px;letter-spacing:-1.2px; }
 .principles-grid { grid-template-columns:1fr;padding:35px 28px;gap:35px;border-radius:30px;margin-top:35px; }
 .principle-number { margin-bottom:15px;font-size:25px; }
 .principles-grid h3 { font-size:22px; }
 .principles-grid p { font-size:13px; }
 .about-beyond { padding-top:65px; }
 .about-gallery { grid-template-columns:1fr;margin-top:35px;gap:20px; }
 .about-gallery>div { min-height:290px;padding:24px; }
 .blueprint-orbit { height:190px; }
 .blueprint-orbit>div { width:75px;height:75px;font-size:13px; }
 .blueprint-orbit>span { width:17px; }
 .curiosity-star { font-size:180px; }
 .about-outro { padding-top:75px;padding-bottom:75px; }
 .about-outro h2 { font-size:43px; }
}
.about-page-title>.eyebrow { display:block; }
.about-page .section-eyebrow h2 { font-family:'DM Sans',sans-serif;letter-spacing:1.8px; }
@media(max-width:350px) { .about-page-title h1 { font-size:68px; }.about-page-title h1>span { right:-24px;font-size:25px; } }